如何遮盖页面？

Question

我有jQuery函数悬停的html：

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中有bug），以使覆盖层对于鼠标事件“透明”。