CSS，z-index DIV'应该在悬停时叠加其他DIV

Question

我的问题是我有2个divs div有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>