我试图让每个列表项的背景图像取决于它链接到的对象!应该不会太难,但我不知道如何在 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/

10-13 01:52