Question

我正在尝试将bootstrap的导航栏背景颜色更改为较低的不透明度rgba但我不能。根本没有变化。这是我的自定义导航栏的css：

    .navbar-custom {
    background-color: rgba(255,255,255,.3) }

这是我的html导航栏代码：

    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        NAVBAR CONTENT GOES HERE
    </nav>

Answer 1

rgba（255,255,255，.3）而不是rgba（255,255,255.3）;

Answer 2

先生，如果你想覆盖属性，请使用重要的。

.navbar-custom {
      background-color: rgb(255,255,0)  !important;
   }

Answer 3

它非常完美......可能在您的实现中有一些覆盖，打开检查器的计算样式表面板并找到该属性。

这是目前的支持：http://caniuse.com/#feat=css3-colors

＆＃13;

.navbar-custom {
  background-color: rgba(0, 255, 255, .3);
}

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />

<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">NAVBAR CONTENT GOES HERE</nav>

＆＃13;

Answer 4

确保在头脑中声明自定义样式表时，您的自定义样式表在引导声明下面声明。例如：

<link href="CSS/bootstrap.min.css" rel="stylesheet">
<link href="CSS/style.css" rel="stylesheet">

这将确保您的自定义样式可以覆盖默认的引导程序设置。

Bootstrap 3：无法在导航栏中使用rgba背景颜色

4 个答案: