在laravel 5中添加背景图片

Har*_*sh 4 html css php laravel laravel-5

我想在Laravel 5中为我的网站添加背景图片.

我在我的css文件中使用过这个.

html {
        background-image: url("images/background.jpg");
    }
Run Code Online (Sandbox Code Playgroud)

该图像位于我的Laravel项目文件夹的公用文件夹中.我尝试了所有的路径,但它只是没有加载.

我一直收到这个错误:

http://Laravelproject.app:8000/background.jpg 404 (Not Found)
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激.谢谢.

Ale*_*nin 9

使用斜杠可以正常工作:

html {
    background: url("/images/background.jpg");
}
Run Code Online (Sandbox Code Playgroud)


Ndo*_*kwo 7

可能会回答一点,但这样做并希望它可以帮助那里的人:

background-image:url({{url('images/php_mysql.jpg')}})
Run Code Online (Sandbox Code Playgroud)

  • 它适用于 html: <a href="#" class="recent-work" style="background-image:url({{url('images/php_mysql.jpg')}})"> 但如果你添加-- background-image:url({{url('images/php_mysql.jpg')}}) -- 一个example.css文件显示错误,只是给你提个醒。 (2认同)

Adn*_*eer 6

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

这段代码对我有用

(在blade.php文件中添加图片路径)

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


小智 5

您必须先添加两个点才能退出CSS。在这里,我将向您展示一个示例,我刚刚对其进行了测试并且可以在Laravel 5.7中正常工作

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

  2. 您的CSS代码应如下所示。

    .loginbody 
    {
        background-image: url("../images/bg.jpg");
    }
    
    Run Code Online (Sandbox Code Playgroud)
  3. 将此类添加到您想要图像的页面正文中。

  4. 保存并运行。

注意:请注意图像所在的路径。就我而言,图片位于“ public / assets / images / bg.jpg”中