CSS背景图像不显示(Laravel 7.x)

早上好,我正在一个项目中,我需要在导航栏下方的div内放置一个背景图像,因此我放置了Background-Image属性和url。 但是,当我加载本地主机页面时,没有看到所需的图像。我试图将url直接作为样式属性放在div内,并将其作为URL :: asset,但是也没有用。如果有人可以帮助我,那就太好了!

在这里,您在刀片文件中创建了div:

    <div id="backgroundImage">
        <h1>THE PLANET FOR WOMEN ENTREPRENEURS</h1>
    </div>

这是CSS:

#backgroundImage{
    background-image: url('/public/storage/images/backgrounds/Coworking.JPG');
    width: 100vh;
    height: 100vh;
}

图像保存在该路径中,是绝对路径,而不是相对路径。

But when I load the page this is the display: Page loaded

评论
  • wquod
    wquod 回复

    Just remove /public from the path:

    #backgroundImage{
        background-image: url('/storage/images/backgrounds/Coworking.JPG');
        width: 100vh;
        height: 100vh;
    }
    
  • frem
    frem 回复

    尝试这个:

    #backgroundImage{
        background-image: url({{asset('/storage/images/backgrounds/Coworking.JPG')}});
        width: 100vh;
        height: 100vh;
    }
    

    我认为这很好。