Question

我正在尝试找到臭名昭着的IE z-index错误的解决方法。我已经阅读了谷歌的各种文章，但仍然发现我的下拉菜单出现在手风琴面板后面。我已经发布了我的代码，如果有人能帮我理解我的错误，我将不胜感激。我尝试过版本，包括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;
}

Answer 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>

即z-index不出现在元素后面

1 个答案: