css - 将 Twitter Bootstrap 库存导航栏更改为透明

Question

我已经看到了许多关于更改默认 Twitter Bootstrap Primary Navbar 的背景颜色的问题和答案，但它们似乎处理最顶层（navbar-inner 类），掩盖了许多其他颜色和选项下。

我正在寻找一个透明的导航栏，并在添加“背景颜色：透明；”之后 对于我能找到的每一层，我的屏幕顶部仍然有一个白色条。目前我的 app.css 有以下几行：

.navbar-inner{
    background-color:transparent;
    }
.navbar-inner container{
    background-color:transparent;
    }
.navbar{
    background-color:transparent;
    }
#nav-main{
    background-color:transparent;
    }
#banner{
    background-color:transparent;
    }

我的猜测已经不多了，我的散点图方法似乎让我失望了。是否有一条我还没有看到（和修改）的规则，或者我是否完全以错误的方式处理这个问题？

Answer 1

问题是他们在背景上使用图像。因此，通过设置背景颜色，您只需设置图像背后的颜色。尝试以下方式：

    .navbar-inner{
    background:transparent !important;
    }
.navbar-inner container{
    background:transparent !important;
    }
.navbar{
    background:transparent !important;
    }
#nav-main{
    background:transparent !important;
    }
#banner{
    background:transparent !important;
    }​

Answer 2

使用以下方法在 Bootstrap 3 中得到了这个结果：

body { background: transparent }