在 laravel 5 中添加背景图片

Question

我正在尝试在 Laravel 5 中为我的网站添加背景图片。

我在我的 css 文件中使用了它。

html {
        background-image: url("images/background.jpg");
    }

图像位于我的 Laravel 项目文件夹的 public 文件夹中。我尝试了所有路径，但就是无法加载。

我不断收到此错误：

http://Laravelproject.app:8000/background.jpg 404 (Not Found)

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

可能回答有点晚了，但这样做并希望它能帮助那里的人：

background-image:url({{url('images/php_mysql.jpg')}})

Answer 2

与斜杠一起使用效果很好：

html {
    background: url("/images/background.jpg");
}

Answer 3

我仍然无法在 Laravel 6 中通过 css 访问图像

但是

这个代码对我有用

（在blade.php文件中添加图片路径）

<div id="loading" style="background-image: url('{{ asset('img/big-loader.gif')}}');">

Answer 4

你必须首先通过添加两个点来摆脱CSS。这里我将向您展示一个示例，我刚刚测试过并且在 Laravel 5.7 中运行良好

1. 在 CSS 中创建新类并将其命名为登录正文。

2. 你的CSS代码应该是这样的。

   .loginbody 
   {
       background-image: url("../images/bg.jpg");
   }
   

3. 将此类添加到您想要图像的页面正文中。

4. 保存并运行。

注意： 请小心图像所在的路径。就我而言，图像位于“public/assets/images/bg.jpg”

Answer 5

这有效

   background-image: url({{asset('images/bg.jpg')}});

Answer 6

由于您使用的是 css，因此您需要先使用两个点退出它。 url("../images/background.jpg");

Answer 7

您可以使用特定类/id的CSS：

selector{
    background-image: url({{URL('/')}}/public/assets/landing/images/paper.jpg);
}

{{URL('/')}}

表示您的项目位置的基本网址

Answer 8

我用

background-image: {{asset("/images/background.jpg")}};

我的图片在

public/images

Answer 9

在 CSS 文件中，这对我有用：

background-image: url("../images/frontend_images/tempimages/hero.jpg");

Answer 10

请修改如下，

html{
 background-image: url('{{ asset('images/job.jpg') }}');
}

Answer 11

我正在使用 Laravel 10 这是解决方案。

• 在 laravel 中（在你的 css 文件路径中：

• YOUPROJECT/public/css/style.css)

• 您的图像路径

• (YOURPROJECT/public/images/yourimage.png)

• Laravel 函数在 CSS FILE 中不起作用，因为两者不同
• 你只需要在你的：style.css 中添加这行代码

• background-image: url("../images/yourimage.png");

Answer 12

简单添加上面的甲酸代码：-

url({{url('assets/images/slider/swiper/3.jpg')}})

Answer 13

尝试这个代码片段，这个对我有用：

url({{ URL::asset('images/SampleBackground.jpg')}})