我试图让每个列表项的背景图像依赖于它链接到的对象!不应该太难,但我不知道如何在 SASS 中做到这一点。这是我对 HAML 的尝试,因为这是我将迭代不同设施集合的地方:
app/views/facilities/index.html.haml
#facility
- @facilities.each do |facility|
%ul#facilities
%li
:sass
background-image: url(#{image_tag "logos/#{facility.image}.jpg"})
= link_to facility.name, facility_path(facility)
但我得到的错误如下所示:
错误
Invalid CSS after "url(": expected ")", was "<img alt="Thebi..." Arounnd line 6
对于生成的图像之一。
不可能这么难……可以吗?非常感谢任何帮助。
最佳答案
不要为此使用 sass,您将付出显着的性能损失而没有任何好处。只需使用内联 html 样式:
#facility
- @facilities.each do |facility|
%ul#facilities
%li{:style => "background-image: url(#{image_path "logos/#{facility.image}.jpg"})"}
= link_to facility.name, facility_path(facility)
关于ruby-on-rails - 在 HAML 中为背景图像 : -> Object in Rails 插入 SASS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5612610/