Bootstrap CSS背景色不起作用

我使用的是Bootstrap V3.3.6，我想让我的背景色为背景色为深红色。除了标准的引导CSS，我有我自己的CSS，如下图所示：Bootstrap 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，它将活动类添加到活动页面，该页面将文本颜色设置为红色（正在工作），但背景颜色应该是白色。开发者工具再一次显示活动页面背景颜色是白色的，但它显示为黑色。黑色从哪里来？什么是最好的摆脱它的方式吗？

来源

2016-02-28 Lembasts

黑色实际上来自.navbar-inverse类的渐变。正在添加backgound-image不会覆盖此项。

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

这还允许您删除使代码更易维护的!important。

来源

2016-02-28 00:19:59 Guy

当我第一次编码的网页，颜色都很好。他们最近必须将渐变添加到引导程序中。 – Lembasts

-1

最简单的解决方案：

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

你background-color覆盖由创建黑色渐变background-image财产。

现在，组合属性background允许您设置新的背景色，同时将background-image设置为none。

来源

2016-02-28 00:22:33 Kocik

Bootstrap CSS背景色不起作用

回答

相关问题