0
アポストロフィCMSでBootstrap v3.3.7を使用しています。私のナビゲーションバーは、固定されたナビゲーションバーはいつも私の固定ナビゲーションバーの上に表示さアポストロフィフローティングウィジェット、ブートストラップ固定ナビの下
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
top: 0;
border-width: 0 0 1px;
}
がどのようにアポストロフィ管理ウィジェットのすべてを作ることができ、以下のCSSを持ってnavbar-fixed-top
スタイルを使用していますか? z-indexをグローバルに増やす方法や、いくつかのCSSオーバーライドを使う方法がありますか?これは明らかに醜いと侵入され、この
のように見えます。
は、CMS自体によって作成され、挿入されたウィジェットのHTML + CSSですすべき彼らのナビゲーションバーの
z-index
を変更するJSスクリプトを書くことができます?あなたのnavbarは固定されているので、ウィジェット要素の影響を受けません。とにかく、ウィジェット要素の高さが固定されている場合、navbarを[top](http://www.w3schools.com/cssref/pr_pos_top.asp)からオフセットするだけです。 – Cooleronieはい、ウィジェットは、ライブページを操作するためのメニューシステムの一種としてCMSによって挿入されます。しかし、navbarが 'top:0'に固定されているので、あなたが「navbarを上からオフセットする」という意味を理解していません。オーバーライドできるCSSがあるのか、ウィジェットが存在するかを知るために使用できるJavaScriptフックがあるのだろうかと思います。 – Carson
はい、ここではCSSでブートストラップを無効にしても問題ありません。あなたのカスタムCSSをヘッダーのBootstrapの後に読み込み、独自のcssに '.navbar {top:$ px}'を追加します。 '$'はウィジェットの高さです。完全な解決策を得るには、ウィジェットがDOM内でレンダリングされた場合、 'navbar'のCSSの' top'プロパティを変更するjsリスナーを作成します。 – Cooleronie