在laravel中链接CSS图像URL

Question

我想添加一个带有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 }}") 
}

有线索吗？

Answer 1

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

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

Answer 2

我已经为一个类使用了内联 css，这就是我的案例中实际起作用的

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

Answer 3

这绝对有效

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

Answer 4

您甚至可以像这样使用它：

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