2010-11-26 22 views
0

在此頁面上,我使用負邊距推高雲圖形,然後使用z-index將其隱藏在另一個圖形的後面。z-index ie6&7問題(可能由於負邊距)

在所有現代瀏覽器中都能正常工作,但ie雲覆蓋了時鐘的底部。

如何有云不覆蓋時鐘的底部部分在IE6 & 7>

回答

3

IE6和IE7都有一個古怪的z-index錯誤,如記錄於怪異模式。 你可以在這裏找到一個解決方案,這:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

的解決方案是實際上給父元素較高的Z-index值,因爲他顯示的鏈接:

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

編輯

由於提問者提到他的問題與鏈接中描述的不完全相同,因此問題可能是堆棧上下文之一,正如在此問題中接受的答案所討論的那樣:IE7 Z-Index Layering Issues

+0

謝謝但我沒有使用相對或絕對定位。雲是一個低於時鐘底部的div,然後我使用負邊距推高Z指標以隱藏。我是否需要使用相對和絕對定位?在bottomclock id我現在有z-index:1000;而云ID有z-index:-9999,但ie6/7仍然覆蓋時鐘。 – chaser7016 2010-11-26 23:53:10