1

我有一个 css 位于 rails 的 public/ 文件夹内。我想在 app/assets/images/ 文件夹中找到图片作为 CSS 中的背景。下面的代码似乎不起作用:

background: url("bg-noise.png");

这通常用于 app/assets/stylesheets/ 文件夹中的 css。无法使其在公用文件夹中工作。

4

4 回答 4

2

你最好用它来定位你的图像

background-image: url(<%= asset_path 'bg-noise.PNG' %>)

如果您有图像文件夹,请使用:

background-image: url(<%= asset_path '/images/bg-noise.PNG' %>)
于 2013-04-10T09:51:41.553 回答
0

如果您检查该元素并扩展选项卡背景: url(); 并查找图像背景图像: url('localhost:3000/assets/bg-noise.png');

所以为了避免这种情况,使用

{
background: url('../bg-noise.png');
}
于 2013-04-10T09:56:24.393 回答
0
background: url('/assets/bg-noise.png');
于 2013-04-10T10:38:32.990 回答
0

你有两个选择。如果您可以重命名文件并将资产管道与 SCSS 一起使用,则将样式重命名为.css.scss并替换

background: url("bg-noise.png");

使用image-urlSCSS 助手。

background: image-url("bg-noise.png");

它将自动解析路径。

另一种解决方案是将文件重命名为.css.erb,您将能够在文件中使用 ERB 代码。

background-image: url(<%= asset_path 'bg-noise.png' %>)

最后一个解决方案是对路径进行硬编码。

background: url("/assets/bg-noise.png");

我鼓励你使用第一个选项。

于 2013-04-10T10:58:57.027 回答