Bootstrap CSS - 無法同時獲取背景色和圖像

我正在使用Bootstrap和Rails，無法使托架顏色和圖像一起顯示。我在那裏我想編輯的身體有在右下角有一個黑色背景的小圖像的自定義CSS樣式表，就像這樣：Bootstrap CSS - 無法同時獲取背景色和圖像

body { 
    padding-top: 55px; 
    background-color: #2e2e2e; 
    background-attachment: fixed; 
    background-image: url('waves.png'); 
    background-repeat: no-repeat; 
    background-position: right bottom; 
}

問題是圖像不顯示，只是背景。如果我刪除了「背景顏色」，它顯示出來並且看起來很完美，但我無法將它們組合在一起。我知道我錯過了一些小東西（可能也很愚蠢）。感謝幫助。

來源

2012-05-26 user839924

您爲什麼認爲與Bootstrap有關？你有沒有嘗試在你的application.css中註釋bootstrap包含，這解決了這個問題？ –

你有沒有試過這種方式？

body {  
    padding-top: 55px; 
    background: #2e2e2e url(waves.png) right bottom no-repeat; 
    background-attachment: fixed; 
}

來源

2012-05-26 15:50:47 thesis

也試過了。沒有運氣。謝謝你的建議！ – user839924

嘗試把waves.png文件中/assets/images和替換url('waves.png')本：

background-image: image-url('waves.png');

我假設你正在使用的管道資產和CSS文件是由薩斯預處理（樣式表文件名以.css.scss結尾），欲瞭解更多信息，我建議您閱讀Asset Pipeline Rails Guide。

來源

2012-05-26 23:17:10

我應該提到我正在使用Sass的資產管道。並且圖像已經在/ assets/images中。我曾經使用過url（'...'）來引用早先在css中的圖片，並且它能夠工作，所以我就使用了它。嘗試使用圖像路徑（'waves.png'），但結果相同。我很難過。 – user839924

對不起，實際上它是image-url不是圖像路徑（第一個返回整個CSS規則第二個路徑）。也許它可以幫助。一個問題：你可以在開發環境中看到圖像嗎？你是否嘗試過預編譯運行'bundle exec rake assets：precompile'的資產？ –

確保文件的擴展名是.css.erb

body { 
    padding-top: 55px; 
    background: #2e2e2e url('<%= asset_path('waves.png') %>') fixed no-repeat right bottom; 
}

來源

2012-05-27 00:32:26 Tallboy

不知道你所處的環境，但你嘗試過！重要？它增加了優先級，以防在代碼中稍後在某處應用具有不同值的樣式。

body { 
    ... 
    background-color: #2e2e2e !important; 
    background-image: url('waves.png') !important; 
    ... 
}

來源

2012-05-27 00:40:58 yosh

嗯沒有想到這一點。很遺憾，仍然沒有運氣：/ – user839924

Bootstrap CSS - 無法同時獲取背景色和圖像

回答

相關問題