jquery - 要素がページ内の他のすべての要素の上にあることを確認する方法は?

Question

Dropdown MenuとImages Slideshowの 2 つの要素があります。

アニメーションは jquery を使用して行われます。

私が抱えている問題 (IE7 のみ) は、ドロップダウン メニューがImages Slideshowによって切り取られることです。

ドロップダウン メニューをImages Slideshow の上に配置する必要があります。

css で、ドロップダウン メニューのメインdivを:に設定z-index: 9999し、画像スライドショーのメインdivを :z-index: 1

同様の問題は修正されますが、この場合は修正されません。私に何ができる？

Answer 1

z-indexは位置で動作します

のような位置にも使用

 z-index:9999,
position:absolute

Answer 2

ここでjsfiddleを作成しました

スライドショー用の z-index がない場合は、正常に動作するはずです。スライドショーの z-index があれば教えてください。

#dropdown {
    background-color:red;
    position:relative;
}

#dropdown .body {
    display:none;
    position:absolute;
    background-color:green;
    top:10px;
    left:0;
}

#dropdown.hover .body {
    display:block;
}


#slideshow {
    background-color:blue;
    height:300px;
}

Answer 3

位置 : 絶対; ドロップダウンがトリックを行うため