2010-08-09 62 views
5

我有一个“Saving ...”覆盖图,它占据了一个覆盖屏幕100%的不可见div的中心。我希望它不可能与它背后的元素进行交互,即单击按钮,选择表单输入等。理想情况下,它不仅会捕获所有鼠标输入,还会忽略元素的鼠标悬停效果(即光标更改)下面。这不是安全或任何事情,所以它不需要密封,主要是为了美观。在IE中阻止隐藏div的所有输入?

Firefox似乎默认做到了这一点,但IE根本没有。有什么简单的,我可以用来在IE中强制执行此行为?

+0

链接到您的JS和您的源将是非常有用的。 pastebin和jsbin来得方便=) – 2010-08-09 18:45:20

+0

真的没什么特别的,这是覆盖div的CSS: http://pastebin.com/jYzYRwwZ 这足以阻止Firefox中的所有输入,但IE仍然让你使用所有的表单输入,并在div下面。 – 2010-08-09 18:56:31

回答

4

IE将只在屏幕上的div具有背景颜色时阻止用户交互。如果您不想隐藏内容,请设置背景颜色,并将不透明度设置为1%。

background-color: white; 
filter: alpha(opacity=1); 
opacity: 0.01; 
+4

其实更清洁的选择是打电话给我们的老朋友,43字节的透明'pixel.gif',并将其用作覆盖div的背景。你在这里详细解释的解决方案产生1%的白色:) – gonchuki 2010-08-10 22:04:59

+0

老朋友! LOL ...:D – 2010-08-19 10:31:19

0

我建议你看看许多MooTools UI库之一,例如Clientcides StickyWin Modal。它在一定程度上防止与它下面的事物相互作用(就像你说的,主要是美学)。用户仍然可以通过下面的东西选项卡,如果他们关心,与窗体交互... ...