css - TwitterBootstrapストックナビゲーションバーを透明に変更

Question

デフォルトのTwitterBootstrapPrimary Navbarの背景色を変更することについて多くの質問と回答を見てきましたが、それらは最上位のレイヤー（navbar-innerクラス）を処理し、他の多くの色とオプションをマスクしているようです下に。

透明なナビゲーションバーを作成したいと思っています。「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;
    }​

Answer 2

次を使用してBootstrap3でこの結果を取得しました。

body { background: transparent }