2016-12-19 13 views
-1

私はブートストラップの新機能で、応答性の高いナビゲーションバーを備えたWebページを作成しようとしています。私が望むようにすべてが機能し、画面が折りたたみ可能なリストになるのに十分な画面が得られれば、navbarだけが透明になります。私はChromeのインスペクタを無駄に検索し、私が考えることができるすべてを試しました。誰にもアイデアはありますか?ブートストラップNavbarは小さな画面で透明になります

+1

あなたの質問をコードを編集して編集する必要があります。そうでないと、これはわかりやすいものになります。可能であれば、問題を示すために最低限のコードを含めてください。 – Goose

+1

OK、それをやります。しかし、それは私には分かりません。ヒントをありがとう! – Gasp0de

答えて

1

あなたのCSSに次の行を追加します。

.navbar{ 
    z-index: 2; 
} 

Thの問題は、あなたの行の内容があなたのナビゲーションの後(とそれの前に)作成されているという事実から来ていますが、クリックのナビゲーションを拡大しています。これを防ぐには、あなたのコンテンツ(デフォルトでは1)よりも大きなz-indexをナビに与えるだけです。

+0

ありがとうございます。私はZ-indexで実験したが、何か間違ったことがあったに違いない...私はそれをクロム・インスペクタでのみ使用した。 – Gasp0de

+0

ページのコンテンツまたは固定ナビで展開するnavタグの一般的な問題です。タグが配置されている論理的な順序でチェックインすることを常に忘れないでください。あなたのウェブサイトを楽しんでください! – Faegy

関連する問題