Question

我使用wordpress，以及我自己的二十一主题版本。我有一个网站，主标头有一个z-index:9999，然后完全独立于我有一个滑块，有z-index:1。滑块完全独立于页眉和主内容页面。但是出于某种原因，当我使用下拉菜单时，IE7中的子菜单隐藏在滑块后面。这与子菜单无关，它是整个标题（它只是子菜单是用户看到它被隐藏的地方）

这是标题..

#access {

background:transparent;
clear: both;
display: block;
float: left;
margin: 0 0;
width: 980px;
height:70px;
position:relative;
z-index:99999;

}

这是滑块，

#top-slider {
width:1920px;
position:absolute;
margin-top:70px;
height:300px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
left:0px;
background: #000;
z-index:1;
}

我确信这些是导致此问题的唯一两个元素，因为当我从z-index:1中移除top-slider时，标题可以看得很清楚，这是我无法做到的唯一原因是因为滑块开始隐藏在主页面后面。

感谢您的帮助。

Answer 1

看看这篇文章（https://stackoverflow.com/a/3998006/859324），看看它是否有帮助。它提到了旧版IE中的特定问题以及兄弟姐妹如何比较z-index值。所以也许#top-slider div将其z-index与#page div进行比较，而不是#access。

我发现的另一个类似问题提到将#top-slider的z-index更改为-1而不是1，但我不能说我已充分了解这样做的所有后果。

z-index在ie7,2个独立元素上不能正常工作

1 个答案: