2016-04-14 7 views
0

こんにちは、読んでいただきありがとうございます。私はストレスがあり、タオルを投げる準備ができています。私はこのウェブサイトでZ-インデックスの問題などを経験していますか?

オンhttp://www.chowderhound.com上部の栗色のツールバーは、その下のメインナビゲーションと共に粘着性があります。問題は、ページを下にスクロールしてバーがスティッキーになるまで、ツールバーの3つのリンクがアクティブにならないことです。私はこれと3日間戦った。誰でもツールバーのリンクを常にアクティブにしてくれたら助けてくれますか?

問題のリンクは、このスクリーンショットである... Click here for image

ありがとうございました!どんな助けでも大歓迎です。

+0

正確には:それは後に続く相対divで覆われています。 '.tm-toolbar'に' z-index:10'を追加するだけです。 –

+0

私はそれを試みましたが、問題はまだ存在します。これとは違うコードが必要ですか?私はちょうど失われています。 – Chowderhound

+0

申し訳ありませんが、私は間違っています:あなたはZインデックスが1001に設定された後にdivがあるため、あなたは 'z-index:1002'が必要です:) –

答えて

0

私はChromeデベロッパーツールでテストを行いましたが、問題を解決したようです。 CSSに次の変更を適用する必要があります。

<div class="uk-sticky-placeholder">は、30pxの上端が必要です。だからmargin: 0px;の後に追加margin-top: 30px;

<div class="tm-navbar">は0pxの先頭位置を持つ必要があります。あなたのCSSルールでそうです。.tm-navbar, .tm-navbar.uk-active[style]変更top: 32px !important;top: 0px !important;

関連する問題