11

HTML リンクを含む別の div の背後に div があります。問題は、この div が jquery で作成されたコンテンツ スライダーにあることです。このため、その下にある div のリンクをクリックできません。クリックできるようにする方法はありますか?試してみposition:absoluteましたが、うまくいきませんでした。多分jqueryハックか何かがありますか?

ナビゲーション div をブロックする div は "maincontent" と呼ばれ、ナビゲーション div は "nav" と呼ばれます。問題は、メインコンテンツ div が "nav" div の上にあるmargin-top: -60px;ことです。

4

3 に答える 3

8

position:relativeナビゲーションバーに追加します。しませんでしたか?これは、maincontentにz-indexセットがあるためです。navブロックにも1つ追加し、maincontentに設定されているものよりも高いことを確認します。それだけだと思います。

于 2012-07-08T03:06:05.553 に答える
1

同じ問題がありました。

私の問題は、z-index を >0 に変更すると、設計を壊すという問題が発生することでした。

私のページには静的要素があったので、ボタンをその位置に合わせましたが、他の要素と一緒にコンテナに入ることはありませんでした。

私が持っていた:

.container#body-container

    #menu-buttons
        .menu-item#One
        .menu-item#Two
        .menu-item#Three
        .menu-item#Four
        .menu-item#Five

物事が壊れ始めたとき、私はそれをに変更しました

#nav-menu-container
    #One
    #Two
    #Three
    #Four
    #Five


.container#body-container

    #menu-buttons
        .menu-item
        .menu-item
        .menu-item
        .menu-item
        .menu-item

少しハッキーなのはわかっていますが、これはこれまでで最高です。

于 2014-11-02T00:34:49.493 に答える
1

navオーバーラップを作成しても視覚的な問題が発生しないことが確実maincontentな場合 (nav がメインコンテンツの一部のコンテンツを遮るなど) z-index、これらの両方の DIV でCSS プロパティを使用して、のz-indexをの(おそらく 50 - 数字は完全に任意です。レイアウトに他の要素が設定されているかどうかを確認し、それらと衝突しないようにしてください)。navz-indexmaincontentz-index

もちろん、恐ろしい IE には注意してください。IE には、相対的な (または絶対的なものだったのでしょうか?) ポジショニングと z-index に関するいくつかの奇妙な問題があります。

于 2012-07-08T02:31:59.197 に答える