Z-指數錯誤

Question

看看以下網站：http://driz.co.uk/mars/index.html

如果你看一下jQuery的滑塊啄在IE6/IE7右下角，你會發現，橙色箭頭出現背後的即使將箭頭的z索引設置爲高於疊加層的值，也會出現白色漸變疊加。

它在我測試過的所有其他瀏覽器上都能正常工作，包括IE8只有7和6顯示錯誤的索引。有任何想法嗎？需要儘快完成這個項目。謝謝。

Answer 1

這是一個記錄在IE6中的錯誤。 Quarksmode.org有一篇關於它的文章。 http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html

上面的文章不包含解決方法，但在評論中，一位研究員提到給父元素一個更高的z-index實際上修復了該錯誤。不要問我爲什麼這個工程，但它的確如此！

<div style="z-index: 3000"> 
    <div style="position:absolute;z-index:1000;"> 
     <a href="#">Page</a> 
     ... 
    </div> 
</div> 
<img style="position:absolute" src="myimage.png" />