我有一个 css 位于 rails 的 public/ 文件夹内。我想在 app/assets/images/ 文件夹中找到图片作为 CSS 中的背景。下面的代码似乎不起作用:
background: url("bg-noise.png");
这通常用于 app/assets/stylesheets/ 文件夹中的 css。无法使其在公用文件夹中工作。
我有一个 css 位于 rails 的 public/ 文件夹内。我想在 app/assets/images/ 文件夹中找到图片作为 CSS 中的背景。下面的代码似乎不起作用:
background: url("bg-noise.png");
这通常用于 app/assets/stylesheets/ 文件夹中的 css。无法使其在公用文件夹中工作。
你最好用它来定位你的图像
background-image: url(<%= asset_path 'bg-noise.PNG' %>)
如果您有图像文件夹,请使用:
background-image: url(<%= asset_path '/images/bg-noise.PNG' %>)
如果您检查该元素并扩展选项卡背景: url(); 并查找图像背景图像: url('localhost:3000/assets/bg-noise.png');
所以为了避免这种情况,使用
{
background: url('../bg-noise.png');
}
background: url('/assets/bg-noise.png');
你有两个选择。如果您可以重命名文件并将资产管道与 SCSS 一起使用,则将样式重命名为.css.scss
并替换
background: url("bg-noise.png");
使用image-url
SCSS 助手。
background: image-url("bg-noise.png");
它将自动解析路径。
另一种解决方案是将文件重命名为.css.erb
,您将能够在文件中使用 ERB 代码。
background-image: url(<%= asset_path 'bg-noise.png' %>)
最后一个解决方案是对路径进行硬编码。
background: url("/assets/bg-noise.png");
我鼓励你使用第一个选项。