IE7 / IE8 z-index不合作。建议?

时间:2011-01-18 06:14:38

标签: css xhtml internet-explorer-8 internet-explorer-7

编辑:找到解决方案。粉红色块有overflow:visible !important,在Internet Explorer中使z-index无效。删除后,徽标就显示在顶部。

请参阅:http://bit.ly/i7ER3e

使用Firefox / Chrome查看徽标“ * * ”(顶部菜单旁边),它正确显示在左侧内容块(粉红色背景的块)上方。< / p>

在IE7 / IE8徽标中,它隐藏在粉红色的块后面。

我现在已经弄乱了2个小时了。尝试了很多东西。无法让它出现在IE7 / IE8中。

有什么建议吗?

注意:我在一个非常严格的框架中工作,我不能简单地在菜单前浮动徽标。我必须使用position:absolute来放置它。)

3 个答案:

答案 0 :(得分:0)

问题不在于你的情况下的z-index

你的身体有一些线高度,这是不够的......

line-height:180%

将此更改为200左右可行,但仍然不是好方法

但刚刚发现了这个问题......

答案 1 :(得分:0)

尝试使用:

z-index: -1;

表示徽标下方的元素。

答案 2 :(得分:0)

尝试设置position:relative;以及z-index。

默认的位置样式是position:static;,当与静态定位结合使用时,IE在z-index处理方面存在缺陷;设置位置:相对可以解决其中一些,而不会影响太多其他。

this page for more info。 (该链接适用于CSS3Pie,这是一个IE黑客,以帮助它支持一些CSS3功能,如border-radius,但z-index错误的信息是一般的,也可能涵盖你的问题)