css - 如何防止事件通过IE中的覆盖元素泄漏？

鉴于以下HTML:

<div class="with-shield">
    <div class="shield"></div>
    <input type="radio"/>
</div>
​

...和CSS:

.with-shield {
  position: relative;
}

.shield {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

(Fiddle)。

FireFox和Chrome不允许您单击单选按钮(因为.shield位于其顶部)，但是IE9(并且我假设是旧版本)可以(即使开发人员工具显示.shield已正确放置)。

如何在IE中更改CSS以使.shield吸收点击事件(即阻止用户能够选择广播)？

我需要这个，因为我只是通过重新显示表单 View 来向员工展示客户调查的结果。我想添加一个覆盖图以阻止员工意外更改值(我已经禁用了tabIndex等)。

最佳答案

甚至晚些时候去参加聚会，但这是我所做的:

只需使用1x1像素透明GIF的base64编码作为背景，即可停止所有点击/点击(也已在IE9和IE8上进行了测试)。

关于css - 如何防止事件通过IE中的覆盖元素泄漏？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11055039/