rails - 如何在样式标记中将图像显示为背景？

Question

我目前正在开发一个rails应用程序。我试图在html.erb文件中显示背景图像，但我不能这样做。我使用了以下代码：

<header class="intro-header" style="background-image: <%= asset_path('home-bg.jpg') %>">

我做错了什么？谁能解释一下呢？

谢谢， 巴图

Answer 1

确保将背景图片包装在网址中：

style="background-image: url(<%= asset_path('home-bg.jpg') %>)"

背景图片的链接必须包含在url()中，否则您的浏览器将无法知道从哪里获取图片。

Answer 2

您忘记将url声明放在background-image媒体资源中。它应该看起来像

<header class="intro-header" style="background-image: url(<%= asset_path('home-bg.jpg') %>)">

否则，您只需要包含原始网址作为属性。