Rails图像标记助手

时间:2013-08-29 11:24:46

标签: css ruby-on-rails

使用Rails,我对HTML文件中的图像标记助手很好,但是如何在CSS文件中包含图像。我试过更换网址:

background:url('/assets/img/banners/img3.jpg')

为...

background:url(<%= image_tag "banners/img3.jpg" %>)

但这不起作用。我是否需要更改css文件的扩展名才能使其正常工作?

2 个答案:

答案 0 :(得分:1)

CSS中没有任何助手,这没关系;您可以手动指定路径,它将始终有效。

还要记住路径是相对于样式表本身的,而不是HTML文档。

答案 1 :(得分:1)

是的,你的css最后应该有erb分机。例如:style.css.erb。然后你可以这样做

.class { background-image: url(<%= asset_path 'image.png' %>) }

这将起作用,因为资产管道由于erb文件扩展名而自动评估ERB。在此示例中,在其中一个资产加载路径中有一个图像是有意义的,例如app/assets/images/image.png ,这将在这里引用。如果此图像已作为指纹文件在public/assets中可用,则会引用该路径。

The Asset Pipeline Guide

了解详情