0

我正在尝试为臭名昭著的 IE z-index 错误找到解决方法。我已经阅读了 Google 的各种文章，但仍然发现我的下拉菜单出现在手风琴面板后面。我已经发布了我的代码，如果有人能帮助我了解我哪里出错了，我将不胜感激。我已经尝试过包括 ie9 在内的版本。谢谢

CSS代码

#menu {
    list-style:none;
    width:97%;
    margin:20px auto 0px auto;
    height:43px;
    padding:0px 20px 0px 20px;
    color: black;
}

#menu li {
    float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;
    z-index:1000;
}
4

1 回答 1

1

你需要回到 IE 和定位的基础。

主要要考虑的是主要元素在 DOM 中的位置，即文档结构。

对于初学者，您需要给#menu 一个“相对”位置和z-index。

您还需要确定为手风琴设置了哪些规则。

将一些元素 z-index 设置为 '1000' 并希望最好的不会用 IE 削减它。

使用您的文档结构，将您的页面容器/包装器视为“z-index：0”，如果需要，请在测试时设置它。

然后检查各种元素、标题、导航等并检查它们的位置、z-index 等并增加图层。

<div id="container">          <<<<< 0
<header>                      <<<<< 1
<div id="accordion"></div>    <<<<< 2
<nav id="menu></nav>          <<<<< 3
</header>
</div>
于 2013-06-12T11:19:04.980 回答