在css中顯示第一個圖像？

我有這樣的內聯CSS/HAML在css中顯示第一個圖像？

:css   
     .testimonials{ 
     background: url('/assets/#{@house.slug}.jpg'); 
     padding: 80px 0; 
     background-size: cover; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
     background-attachment: fixed;/* IE FIX */ 
     }

這說明從有關房子的視差滾動網站資產的文件夾中的圖像。

我使用carrierwave來管理所有房屋的圖像，現在我想在CSS背景定義中顯示第一張圖像，因此我不必再將圖像上傳到資產文件夾。

- @house.attachments.each.first do |a| 
    = image_tag(a.file.url(:thumb))

如何將此循環放入內聯css定義中？

thanks..remco

來源

2014-12-02 Remco

使用樣式選項

image_tag a.file.url(:thumb), :style => "background: url(a.file.url(:thumb))"

甚至無需IMAGE_TAG只是任何背景圖像

格添加樣式選項

來源

2014-12-02 11:29:38

在css中顯示第一個圖像？

回答

相關問題