如何盖过页面？

Question

我有hquery函数hover的html：

$('#mydiv').hover(function(){
    $('#overlayer').show();
    $('#somediv').show();
}),function(){
    $('#overlayer').hide();
    $('#somediv').hide();
});

$('#somediv').hover(function(){
    $('#somediv').show();
});

HTML：

<div id="overlayer" style="background: url('1pxb.png') repeat; position: absolute; 
    top: 0px; left: 0px; width: 1000px; height: 1000px; display: none; 
    z-index: 3000;"></div>
...
<div>
<div id="mydiv"> ... </div> (z-index: 5000)
<div id="somediv"> ... </div> (z-index: 5000)
</div>

我想在没有这个div的情况下掩盖所有页面，但它覆盖了所有页面，我失去了对.hover（）的控制权。 Z-index不起作用。怎么做？

Answer 1

尝试使用pointer-events: none作为叠加层（考虑到它在IE8中不起作用并且在IE9中有问题），以使叠加层对鼠标事件“透明”。