Bootstrap-3 Navbar的透明色 [英] Transparent color of Bootstrap-3 Navbar

问题描述

我在设置bootstrap3 navbar透明度或不透明度颜色时遇到问题。我没有改变任何内容在bootstrap.css或bootstrap-theme.css
在我的菜单中我试图把图像下，并将颜色设置为黑色透明或黑色不透明度像这样：
http://i.imgur.com/f9NNwtD.png
您可以看到，opacity ammount不是很高，但它是，我必须做这样的事情。

I'm having problem with setting bootstrap3 navbar transparency or opacity color. I didin't change anything in bootstrap.css or bootstrap-theme.css In my menu I'm Trying to put image under that and set color to black-transparent or black with opacity like here: http://i.imgur.com/f9NNwtD.png You can see that opacity ammount is not very high but it is , and i have to do something like that. When I'm changing anything the color is setting white so please help me.

下面的代码：

<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：
http://bootply.com/106966

推荐答案

.navbar {
   background-color: transparent;
   background: transparent;
   border-color: transparent;
}

.navbar li { color: #000 } 

http://bootply.com/106969

这篇关于Bootstrap-3 Navbar的透明色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！