javascript - IE 仍然捕获全屏 div 后面的鼠标操作

Question

我有一个奇怪的 IE 问题(在 IE8 上测试，因为这是元素中的低端浏览器)

我在某些情况下使填充高度和全宽 div 出现在屏幕上以阻止所有用户操作(这只是一个帮助，我知道它很容易被用户端破坏..)

唯一可以执行的操作是在特定的 x/y 范围内单击此窗帘以将其禁用。

但是，很明显，在 Internet Explorer 中它不起作用.. div 后面的元素仍然捕获点击和悬停操作...为什么？

我的第一个想法是 css 有问题使这个 div 在 IE 上成为 0x0px div，但是当我向 div 添加背景颜色时，它会按预期填满屏幕，所以这不是解决方案。

这是窗帘的CSS:

#screencurtain {position:absolute; top:0px; left:0px; display:block; width: 100%; height: 100%; z-index:9000;}

Answer 1

这是 IE 中定位元素的一个已知问题。

最常见的解决方案是设置元素的 background 属性。

如果您需要背景保持透明，您可以简单地使用透明图像作为背景图 block 。或者，您可以将元素的背景设置为不存在的图像。

例如:

#screencurtain {background:url('transparent.gif') repeat;} /* 10x10 gif image */

/* OR */

#screencurtain {background:url('some-made-up-image.gif');} /* bogous path */