如何把每個頁面的不同背景圖像放在rails中？

我在我的rails網站中有3個頁面，我想在它們的每一箇中放入不同的背景圖像。如果我做如何把每個頁面的不同背景圖像放在rails中？

body { 
    background-image: url("myimage.jpeg") 
}

它會在所有頁面上放置相同的背景圖像。因此，我將每個頁面的所有html代碼都包裝在主要的.class容器中，並設置了容器的背景圖像。但這樣做的葉子在頁面的底部一個白色的小空間和背景不完全甚至佔據了底部，當我做這個

.wallpaperdiv { 
     background-image: url("wallpaperbackground.jpeg"); 
     background-attachment: fixed; 
     background-position: cover; 
     background-repeat: no-repeat; 
     background-size: 100%; 
      }

爲目標的「身體」，而不是階級沒有按第一個代碼不留任何空白。我需要做些什麼才能刪除底部的空白區域？

來源

2017-07-22 craftdeer

'background-position：cover;'不正確。刪除和最後一個。 'background-size：100％;'然後使用'background-size：cover;'如果你需要將背景居中然後使用'background-position：center;' –

您可以添加一個class屬性body標籤取決於它響應的動作，例如，如果你有一個控制器Main一個foo，bar和meh方法，那麼你可以做：

<body class="<%= params[:action] %>">

它根據當前的行動，會生成一個標籤，如<body class="foo">。所以，你可以創建你的CSS樣式，如：

body.foo { ... } 
body.bar { ... } 
body.meh { ... }

注意，如果你有一個以上的方法具有相同的名稱，你可能需要一些額外的信息添加到該標識。

來源

2017-07-22 04:18:56

它工作嗎？，讓我知道或者改進答案。 –

真棒，它奇妙地工作。謝謝 – craftdeer

如何把每個頁面的不同背景圖像放在rails中？

回答

相關問題