2010-11-26 23 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