无法将DIV背景设置为图像。使用Laravel

时间：2016-12-15 05:48:27

标签： html css laravel

图像的链接应该是相对于css文件的，但它似乎不起作用，没有背景使用它。我甚至厌倦了将图像添加到与css文件相同的文件夹中，但这也无效。

CSS 

#header {
    padding:10px;
    color: white;
    background: url('../../resources/assets/images/background1.png');
    height: 350px;  
}

HTML 

<!-- Header -->
<div id="header">
    <div id="nav">
        <p>Nav Bar</p>
    </div>

    <p>Test</p>

</div>

文件结构 Click

4 个答案:

答案 0 :(得分：0)

resources目录不在您的public目录中。图像不应存储在那里。

您可以将它们放在storage中，并与php artisan storage:link创建共生链接。

但是，在您的情况下，您应该将它们放在public/assets/images中以用于您的目的。

否则，使用类似S3存储桶或其他CDN提供商的东西。

答案 1 :(得分：0)

请先查看您的背景图片路径＆amp;之后，您可以使用css中的不同图像进行检查。

  1. 例如，请通过各种步骤检查您的代码 -

    header {float：left;宽度：300像素;高度：350像素;背景：网址（＆＃39; ../../资源/资产/图像/ images.jpg＆＃39）;}

    2. 注意：请检查您的图片扩展名＆amp;您可以使用不同的图像来检查您的更正

    1. 多次在html＆amp; css缺少Div＆amp; Brackets会产生问题以显示您的css＆amp;代码正常。

答案 2 :(得分：0)

除非是私有映像，否则应将它们放在/ public目录中。它是Laravel应用程序中的根目录。因此，当您从css或其他地方获取图像时，您应该知道根是公用文件夹。 /images/background1.jpg表示它位于Laravel公共文件夹内的图像文件夹中。

答案 3 :(得分：0)

它应该工作我根据你的结构尝试了同样的事情。 它对我有用 请确保您已正确引用CSS文件 enter image description here

相关问题
最新问题