是否可以有一个绝对定位的、透明的 div 覆盖一系列可点击的 div?我希望能够将鼠标悬停在下面的红色 div 上以获得响应。
<style type="text/css">
#holder{
width:200px;
height:200px;
}
.clickMe {
width:100px;
height:100px;
cursor:pointer;
background-color:red;
border:1px solid black;
float:left;
margin:-1px;
padding:0;
}
.hidey {
position:absolute;
top:0;
left:0;
z-index:50;
height:50%;
width:50%;
opacity:.25;
background-color:black;
}
</style>
<div class="hidey"></div>
<div id="holder">
<div class="clickMe"></div>
<div class="clickMe"></div>
<div class="clickMe"></div>
<div class="clickMe"></div>
</div>
最佳答案
Pointer-events可以解决你的问题。到目前为止,Firefox 3.6+、Safari 4 和 Google Chrome 都支持指针事件(请参阅 compatibility table)。
关于html - 透明 div 下方的可点击 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10663286/