如果我下面有另一个div
的div
,当光标位于顶部div
上方时,是否会激活基础hover
的div
状态?假设前一个div
的z-index
为5,另一个div
的z-index
为1。
最佳答案
最简洁的答案是不。
以以下代码为例:
HTML:
<div id="one">one</div>
<div id="two">two</div>
CSS:
div {
position: absolute;
height: 300px;
width: 300px;
}
div:hover {
background-color: yellow !important;
}
div#one {
top: 0;
left: 0;
background-color: red;
z-index: 10;
}
div#two {
top: 150px;
left: 150px;
background-color: green;
z-index: 1;
}
当
div#one
悬停在重叠区域中时,该悬停永远不会在div#two
上激活。http://jsfiddle.net/Yff7Q/
关于html - z-index是否会影响元素“悬停”?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22563256/