javascript - 阻止 IE 中不可见 div 后面的所有输入？

Question

我有一个“正在保存...”覆盖层，它占据了覆盖 100% 屏幕的不可见 div 的中心。我希望它不可能与其背后的元素进行交互，即单击按钮、选择表单输入等。理想情况下，它不仅会捕获所有鼠标输入，还会忽略元素的鼠标悬停效果(即光标更改)以下。它不是为了安全什么的，所以它不需要密封，主要只是为了美观。

Firefox 似乎默认执行此操作，但 IE 根本不执行此操作。有什么简单的东西可以用来在 IE 中强制执行此行为吗？

Answer 1

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

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