bootstrap navbar background-color不起作用，但後臺工作？

Question

在第一個示例中，我用background-color將navbar的背景顏色更改爲orangered，但它不起作用，在下一個示例中，我僅使用了background來更改顏色，現在它正在工作，原因是什麼對於這種行爲？

第一示例

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"); 
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"); 

.navbar{ 
    background-color: orangered; 
    color: white; 
    line-height: 50px; 
}

<div class="navbar navbar-inverse"> 
    "background-color: orangered;" is not working. 
</div>

接着〔實施例

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"); 
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"); 

.navbar{ 
    background: orangered; 
    color: white; 
    line-height: 50px; 
}

<div class="navbar navbar-inverse"> 
    "background: orangered;" is working. 
</div>

Answer 1

當您使用background-color原始類別.navbar-inversebackground-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%)在css中佔據上風。

在導航欄的CSS添加background-image: none;取消它

CSS

.navbar { 
    background-color: orangered; 
    color: white; 
    line-height: 50px; 
    background-image: none; 
} 

當您使用 background它取消 background-image CSS所以你看到的顏色