html - 在 ie 中，为什么我们可以在 id ="overlay"z-index : 999999? 时选中复选框

Question

在 ie 中，为什么我们可以在 id="overlay"z-index : 999999 时选中复选框？

http://jsfiddle.net/peap/h2p9Lcg2/

<form method="post">
<input type="checkbox" name="a" value="a">A<br>
<input type="checkbox" name="b" value="b">B<br>
</form>

<div id="overlay" style="position: absolute; width: 100%; height: 100%; top: 0px; 
    left: 0px; text-align: center; padding-top: 25%; z-index: 999999999; cursor: wait; 
    /* display: none; */ background: none 0% 0% repeat scroll 
    rgba(255, 255, 255, 0.498039);">
    <img src="http://jimpunk.net/Loading/wp-content/uploads/loading83.gif">
</div>

Answer 1

用这个背景替换 #overlay 的背景 css 会为你解决这个问题:

背景:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

它会创建一个透明的 gif 图像以防止点击。

更新:

您可以轻松使用 background: url(./Images/1x1.gif); 但您还需要创建并包含该 .gif 文件，并且浏览器需要使用获取该图像的 HTTP 请求...，

使用数据流代替仅使用 CSS 即可。