そのため、画像スライダーの上にあるいくつかの div に問題があり、そのうちの 1 つがそこにうまく収まっていますが、その上にカーソルを合わせると、別の div がスライドします。そのため、背景を 90% の黒にフェードするライトボックスがそこにありますが、z-index が非常に低く設定されているにもかかわらず、これら 2 つの 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>
ポジショニングの関係でしょうか。