html - Bootstrap-3 Navbar 的透明色

标签 html css twitter-bootstrap

我在设置 bootstrap3 导航栏透明度或不透明度颜色时遇到问题。我没有更改 bootstrap.css 或 bootstrap-theme.css 中的任何内容 在我的菜单中,我试图将图像置于其下并将颜色设置为黑色透明或不透明的黑色,如下所示: http://i.imgur.com/f9NNwtD.png 你可以看到不透明度 ammount 不是很高,但它是,我必须做类似的事情。当我改变任何东西时,颜色设置为白色,所以请帮助我。

下面的代码:

<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>

然后启动: http://bootply.com/106966

最佳答案

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

.navbar li { color: #000 } 

http://bootply.com/106969

关于html - Bootstrap-3 Navbar 的透明色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21218577/

相关文章:

php - 执行程序 php linux

android - 使用 URL 方案在 Facebook 应用程序中共享

css - 输入框对齐?

javascript - Bootstrap 下拉菜单在低分辨率下损坏

javascript - 尽管我的脚本完好无损,为什么我的 jquery 代码无法工作?

javascript - 使用 ID 从“下一步”按钮更改页面

html - 如何设置 html 元素,使其耗尽剩余的可视垂直空间

ASP.NET 中的 CSS 字体

html - 使猫头鹰轮播图像响应

php - 代码点火器和响应式设计