Bootstrap CSS背景色不起作用

Question

我使用的是Bootstrap V3.3.6，我想讓我的背景色爲背景色爲深紅色。除了標準的引導CSS，我有我自己的CSS，如下圖所示：

 

    .navbar-inverse { 
     background-color: #9E1B34; 
    } 

    .navbar-inverse .navbar-nav > li > a, 
    .navbar-inverse .navbar-brand { 
     color: white; 
    } 
    .navbar-inverse .navbar-nav > .active > a, 
    .navbar-inverse .navbar-nav > .active > a:hover, 
    .navbar-inverse .navbar-nav > .active > a:focus, 
    .navbar-inverse .navbar-nav > li > a:hover, 
    .navbar-inverse .navbar-nav > li > a:focus, 
    .navbar-inverse .navbar-brand:hover, 
    .navbar-inverse .navbar-brand:focus { 
     color: #9E1B34; 
     background-color: white; 
    } 

該網站是http://www.alkd.org.au

當鼠標懸停在每一個導航欄項目，我得到我的紅文字和白色背景的正確造型。但是標準導航欄的背景顏色是黑色的，而不是深紅色，即使我已經覆蓋了.navbar-inverse背景顏色。瀏覽器開發工具顯示我的CSS是'勝利'，但似乎被忽略。我無法在開發者工具中找到任何可以顯示黑色來自哪裏的東西。我確實有一個JavaScript，它將活動類添加到活動頁面，該頁面將文本顏色設置爲紅色（正在工作），但背景顏色應該是白色。開發者工具再一次顯示活動頁面背景顏色是白色的，但它顯示爲黑色。 黑色從哪裏來？什麼是最好的擺脫它的方式嗎？

Answer 1

黑色實際上來自.navbar-inverse類的漸變。 正在添加backgound-image不會覆蓋此項。

.navbar-inverse { 
    background-color: #9E1B34; 
    background-image: none; 
} 

這還允許您刪除使代碼更易維護的!important。

Answer 2

最簡單的解決方案：

.navbar-inverse { 
    background: #9E1B34; 
} 

你background-color覆蓋由創建黑色漸變background-image財產。

現在，組合屬性background允許您設置新的背景色，同時將background-image設置爲none。