CSS，z-index DIV´S 应该在悬停时覆盖其他 DIV

Question

我的问题是我有 2 divs div A 的 z-index=10 和 divB z-index=9 div B 是部分在 div A 下面，但我无法在 div B 上获得悬停选项，因为 z-index 很低，所以任何解决方案都请帮助

Answer 1

试试这个，

#divA{
   width:200px;
    position: relative;
    background-color: red;
    height:100px;
    z-index: 10;
}

#divB{
    width:200px;
    position: relative;
    background-color: green;
     height:100px;
     z-index: 9
}
#divB:hover{
    background-color: #0082ff;
}

<div id="divA"></div>
<div id="divB"></div>