css - Rails 应用程序中 CSS "background:url"属性的正确语法是什么？

Question

我正在使用 Rails 4.2.3。我有这张图片……

./app/assets/images/down_arrow_select.jpg

如何从位于 app/assets/stylesheets/home.css 的 CSS 文件中引用此图像？这个我试过了

 .styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(asset-path('down_arrow_select.jpg')) no-repeat right #ddd;
   border: 1px solid #ccc;
}

但这并不能治愈疼痛。如果重要的话，我的样式表会像这样包含在我的页面上

<%= stylesheet_link_tag "home" %>

Answer 1

只有当您的样式表文件扩展名是 .css.scss 或 .css.sass. 时，Sprockets 才会处理 helpers。

因此，您应该将 scss 或 sass 扩展添加到您的 home.css

那你可以试试这个

.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: asset-data-url('down_arrow_select.jpg') no-repeat right #ddd;
   border: 1px solid #ccc;
}