如何链接到RoR 3.2项目中的CSS文件中的图像?

时间:2013-01-26 22:44:49

标签: css image ruby-on-rails-3.2 asset-pipeline

newb to RoR,但我不想在application.css中硬编码我的图像路径:

.nav {
  padding-top: 10px;
  height: 60px;
  background-image:url('/assets/static/bg-nav.png');
  background-repeat:repeat-x;
}

由于这个原因,我也在其他地方遇到错误。我花了几次试图找到完整的路径,但是我应该使用另一个标签吗?我以前有过:

background-image:url('../images/static/bg-nav.png')

如果你查看目录树,这是有道理的,但不知何故变成了别的东西。如果我需要在这里内联一些rails,文件是否需要更改为.css.erb?

谢谢。

1 个答案:

答案 0 :(得分:1)

没关系,我刚开始阅读有关资产管道的更多信息。这是一个如何以编程方式在.css文件中插入适当路径的示例(不,不需要是其他扩展类型):

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

来自:http://guides.rubyonrails.org/asset_pipeline.html

您从app/assets/images/

开始路径