html - 透明 div 下方的可点击 div

Question

是否可以有一个绝对定位的、透明的 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>

Answer 1

Pointer-events可以解决你的问题。到目前为止，Firefox 3.6+、Safari 4 和 Google Chrome 都支持指针事件(请参阅 compatibility table)。