css - Rails:从CSS加载图像

在我看来，我可以使用以下代码行加载图像：<div id="bglion"><%= image_tag("BG-LION6.png")%></div>（这可行），但是我想从CSS文件加载图像。

阅读了arround之后，我尝试了以下方法：

#bglion {src: background:url('BG-LION6.png');}
#bglion {src: asset-url('BG-LION6.png');}
#bglion {src: asset-url('BG-LION6.png', image);}

...但是图片不会加载到页面上。
我该如何运作？

（图像在/ assets / images中）

最佳答案

我认为您必须做几件事。您的CSS应该更像这样：

#bglion { background: image-url('BG-LION6.PNG'); }

background是您实际上要设置的CSS属性。 src不是CSS属性。 image-url是指向您的图像资产文件夹的Rails路径帮助器。我相信，如果仅使用asset-url，它将指向整个资产文件夹，并且您仍然必须指定图像位于images文件夹中。

其次，如果您的div不再包含图像，它将折叠到宽度和高度为0的位置，这是因为无法定义其尺寸。您必须在包装div中添加更多CSS来定义图像的尺寸。所以像这样：

#bglion { background: image-url('BG-LION6.PNG'); width: 100px; height: 100px; }

关于css - Rails:从CSS加载图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14164915/