css - 两个 Div 不会坐在我的灯箱后面

Question

因此，我遇到了位于图像滑块顶部的几个 div 的问题，其中一个很好地坐在那里，而当您将鼠标悬停在它上面时，另一个 div 然后滑过它。所以，我在那里有一个灯箱，可以将背景淡化到 90% 黑色，但是尽管 z-index 设置得非常低，但这两个 div 仍然高高在上。

    <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 来解决问题。