在laravel中链接CSS图像URL

时间:2017-03-03 10:23:53

标签: css laravel

我想添加一个带有laravel URL的背景图片。我可以通过仅包含Web路径本身来实现这一点,但我想使用Laravel URL。

我现在就是这样做的:

.mystyle{
background-image: url("www.myproject.com/assets/img/background.png")
}

这就是我想要的方式:

.mystyle{
background-image: url("{{ URL::asset('assets/img/background.png }}") 
}

任何线索?

7 个答案:

答案 0 :(得分:10)

将您的图片放入public/assets/img目录并使用asset()帮助程序:

.mystyle{
    background-image: url("{{ asset('assets/img/background.png') }}") 
}

答案 1 :(得分:3)

你甚至可以这样使用它:

.mystyle{
    background-image: url("/assets/img/background.png") 
}

答案 2 :(得分:2)

我已经为一个类使用了内联css,这就是我的实际工作原理

  style=" background-image: url('{{asset('images/cover.jpg')}}');"

答案 3 :(得分:2)

这绝对可行

.mystyle {
     background-image: url("../assets/img/background.png") 
 }

答案 4 :(得分:2)

如果资产是公共目录中的文件夹,则可以这样写

style="background-image: url({{asset('assets/img/background.png')}})"

答案 5 :(得分:1)

最好的方法。将css文件的内容传输到blade php文件。然后使用

background-image: url({{asset('assets/img/background.png')}})"

答案 6 :(得分:-1)

对我有用的方法: url("../images/formIcons/seeingEye96.png");