css - Rails twitter bootstrap 将背景更改为图像

Question

我正在开发一个 Rails 应用程序并使用 twitter bootstrap 来加速这个过程。但是，我正在尝试将 .well 类更改为图像而不仅仅是颜色，但我没有找到正确的变量。

我试过:

@wellBackground: asset-url('path_to_file');

并认为可能会是:

@wellBackgroundImage: asset-url('path_to_file');

似乎都没有让我到达我想去的地方。任何帮助将不胜感激。

所以我将它拉到它自己的 css 文件中，但我仍然没有得到图像。

.well.sidebar-nav{
background: #C4C4C4 url('/app/assets/images/tweed.png') repeat-x top left ;
color: #FFFFFF;
 }

但是我仍然没有在后台获取图像。也许是 RoR 问题的路径？

Answer 1

您的 CSS 方法会奏效。

仔细检查您的选择器 .well.sidebar-nar 是否正确，并且没有来自其他地方的此 div 的背景样式。

如果一切正常，那可能是因为 tweed.png 文件的路径不正确。请记住，对于 CSS 背景图片，路径是相对于 CSS 文件的，而不是相对于您的网站根目录的。

A working example

祝你好运!