阻止IE中隐形div后面的所有输入?

时间:2010-08-09 18:42:22

标签: javascript html css mootools

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

默认情况下,Firefox似乎正是这样做的,但IE完全没有。是否有一些简单的东西可以用来在IE中强制执行此行为?

2 个答案:

答案 0 :(得分:4)

当覆盖屏幕的div具有背景颜色时,IE将仅阻止用户交互。如果您不希望隐藏内容,请设置背景颜色,并将不透明度设置为1%。

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

答案 1 :(得分:0)

我建议您查看众多MooTools UI库中的一个,例如Clientcides StickyWin Modal。它可以在某种程度上防止与它下面的东西发生相互作用(就像你说的那样,大多数都是在说道)用户仍然可以通过以下内容进行选项,如果他们关心,则与表单进行交互...

相关问题