css - rails : Load image from CSS

Question

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

看完之后，我试过这个:

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

...但是图片不会加载到页面上。 我怎样才能让它发挥作用？

(图片在/assets/images)

Answer 1

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

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

background 是您实际尝试设置的 CSS 属性。 src 不是 CSS 属性。 image-url 是指向您的图像 Assets 文件夹的 Rails 路径助手。我相信如果你只是使用 asset-url 它指向你的整个 Assets 文件夹，你仍然必须指定你的图像在图像文件夹中。

其次，如果您的 div 中不再包含图像，它将折叠为宽度和高度为 0，因为没有任何内容可以定义其尺寸。您必须向包装器 div 添加更多 CSS 以定义图像的尺寸。所以像这样:

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