IE仍然在全屏div后面捕获鼠标操作

时间:2013-11-18 10:42:48

标签: javascript jquery html css internet-explorer

我对IE有一个奇怪的问题(在IE8上测试,因为这是该项目的低端浏览器)

我填充高度&屏幕上出现全宽div以阻止所有用户操作(这只是一个帮助,我知道它很容易被用户端破坏..)

唯一可以完成的操作是在某个x / y范围内点击此窗帘以禁用它。

但是,显然,在Internet Explorer中它不起作用.div背后的元素仍然是捕捉点击和悬停动作......为什么?

我的第一个想法是,css使得这个div成为IE上的0x0px div有问题,但是当我为div添加背景颜色时,它会按预期填充屏幕,因此这不是解决方案。 / p> 这是幕后的css:

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

1 个答案:

答案 0 :(得分:2)

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

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

如果您需要背景保持透明,则可以使用透明图像作为背景图块。或者,您可以将元素的背景设置为不存在的图像。

例如:

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

/* OR */

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