0

我使用 wordpress,以及我自己的 21 主题版本。我有一个网站,其中主标题有一个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:1from时top-slider,可以看到标题很好,但我不能这样做的唯一原因是因为滑块开始隐藏在主页后面。

感谢您的任何帮助。

4

1 回答 1

0

Take a look at this writeup (https://stackoverflow.com/a/3998006/859324) and see if it helps. It mentions specific problems in older versions of IE and how siblings compared z-index values. So maybe the #top-slider div is comparing its z-index to the #page div, instead of #access.

Another similar issue I found mentioned changing the z-index of #top-slider to -1 instead of 1, though I can't say I sufficiently know all the ramifications of doing so.

于 2012-11-08T19:58:00.593 回答