如果我下面有另一个divdiv,当光标位于顶部div上方时,是否会激活基础hoverdiv状态?假设前一个divz-index为5,另一个divz-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/

10-11 23:31
查看更多