css - 如何在 RoR 3.2 项目中链接到 CSS 文件中的图像？

Question

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？

谢谢你。

score 1 · Accepted Answer

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

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

你从app/assets/images/

1 回答 1