鉴于以下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/