父级position:relative; z-index:0;
子级position: absolute; z-index:-1;
Documentul {
float: left;
}
ul li {
list-style: none;
margin: 7px 20px 6px 0;
float: left;
position: relative;
cursor: pointer;
background: $fff;
z-index: 999;
}
ul li span{
height: 20px;
padding: 0 5px;
line-height: 20px;
display:inline-block;
background:#fff;
border: #555 1px solid;
}
ul li:hover .sub-ul {
display: block;
}
ul li .sub-ul {
position: absolute;
width: 180px;
left: 0px;
border: red 1px solid;
background: #fff;
display: none;
z-index: -1;
top:10px;
}
ul li .sub-ul li {
border: none;
height: 23px;
margin: 0px;
line-height: 23px;
float: left;
}
- 手机
- 智能机
- 功能机
- 对讲机
这样不就在父元素下面了