CSS Background-Image 不显示 (Laravel 7.x)

Question

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

这里有我在 blade 文件中创建的 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;
}

图片保存在那个路径，是绝对路径，不是相对路径

但是当我加载页面时，显示如下：

Answer 1

试试这个：

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

我认为这很好。

Answer 2

基本路径是public所以你不必把它放在路径中。只需从路径中删除 /public：

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

Answer 3

您必须将图像文件夹（作为您正在使用的背景文件夹名称）放入 public 文件夹中。

现在在 CSS 文件中：

background: url('/images/backgrounds/Coworking.JPG');

Answer 4

在我的例子中，我只是删除了 public 文件夹中的存储文件夹，并使用 php artisan [=16] 重置了符号 link =]

CSS Background-Image 不显示 (Laravel 7.x)

CSS Background-Image don't displays (Laravel 7.x)

html

css

background

laravel