我试图让每个列表项的背景图像取决于它链接到的对象!应该不会太难,但我不知道如何在 SASS 中做到这一点。这是我在 HAML 中的尝试,因为那是我将遍历不同设施集合的地方:
应用程序/ View /设施/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/