两个分区不会坐在我的灯箱后面

Question

所以我遇到了几个位于图像滑块上的div的问题，其中一个很好地坐在那里当你将鼠标悬停在它上面时，另一个div然后滑过它。所以，我在那里有一个灯箱，它将背景淡化为90％黑色，但是这两个div尽管z-index设置得很低，但仍高于一切，并且强大...

    <style>
        #ecardhover { 
        background: red;
        border: thin solid #dcdcdc; 
        width:490px; 
        height:260px; 
        display:none; 
        position:absolute;
        left: 0;
        bottom: 0;
        padding-top: 30px;
}

        #trigger {
        float: left;   
        background-color: #eee;
        text-align: center;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 30px; 
        padding-bottom: 20px; 
        width: 450px; 
        margin-top: -68px;
        margin-left: -20px;
        height: 210px; 
        z-index: 111111; 
        position: relative;

}
        </style>

是否与定位有关？

Answer 1

我通过将所有z-index属性调整为00001并将叠加层更改为999999并覆盖整个div来解决问题。