Html Bootstrap-3导航栏的透明颜色

我在设置bootstrap3导航栏透明度或不透明度颜色时遇到问题。我没有在bootstrap.css或bootstrap-theme.css中更改任何内容 在我的菜单中，我试图将图像放在下面，并将颜色设置为黑色透明或黑色不透明度，如下所示： 你可以看到，不透明度amount不是很高，但它是，我必须这样做。当我改变任何东西的颜色设置为白色，所以请帮助我

代码如下：

<div class="navbar transparent navbar-inverse navbar-static-top hr">
    <div class="navbar-brand logo"></div>
    <div class="navbar-brand-right">
    </div>
    <div class="container">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav mineul" style="font-size:17px;margin-top:9px; color:white;">
              <li><a href="#">Test1</a></li>
               <li><a href="#">Test1</a></li>
               <li><a href="#">Test1</a></li>
            </ul>

        </div>
    </div>
</div>

和bootply：

.navbar{
背景色：透明；
背景：透明；
边框颜色：透明；
}
.navbar li{color:#000}

---

您可以将其用于css，主要使用css3 rgba作为背景，以控制不透明度，并为旧浏览器使用背景回退，使用纯色或透明的.png图像

.navbar {
   background:rgba(0,0,0,0.5);   /* for latest browsers */
   background: #000;  /* fallback for older browsers */
}

更多信息：

去

混浊不透明度，添加图像或选择颜色

复制网站吐出的html或css（css更容易）

在导航栏中选择您的元素

navbar先生{ 背景图片：url（网站提供的链接）； 背景重复：重复

享受

---

该类为.navbar-default。您需要在自定义css.navbar-default.上创建一个类，并按照css代码进行操作。此外，如果您不希望菜单上出现框阴影，可以将其放在同一个类上

 .navbar-default {
      background-color:transparent !important;
      border-color:transparent;
      background-image:none;
      box-shadow:none;  
 }

要更改字体导航栏颜色，类将更改–.navbar default.navbar nav>li>a请参见下面的代码：

  .navbar-default .navbar-nav>li>a {
     font-size:20px; 
     color:#fff; 
 }

---

ref:

谢谢，现在它是透明的。你能告诉我如何将图像放在导航栏下吗？回答：相对于top-px的位置在导航栏类中工作，但是我的“切换导航”（导航栏切换，导航栏导航）也变得透明了。在这个小提琴上玩了多一点。得到这个：仍然有框边框，链接颜色没有改变？