将Twitter Bootstrap股票Navbar更改为Transparent

Question

我已经看到了一些关于更改默认Twitter Bootstrap主导航栏背景颜色的问题和答案,但它们似乎处理了最顶层(导航栏内部类),掩盖了许多其他颜色和选项下.

我想创建一个透明的导航栏,并在添加"background-color:transparent;"之后 对于我能找到的每一层,我的屏幕顶部仍然有一个白色条形图.目前我的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;
    }?