IE10下设置了z-index，底层DIV绑定的事件仍然会触发

代码如：
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-10000;
}
</style>
</head><body>
<div style="width:100px;height:200px;border:1px solid red;">This is a heading</div>
<img src="/i/eg_smile.gif" onclick="alert(23)"/>
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>
IE10下还会弹出23，谷歌不会

解决方案 »

  1.   

    给div加一个空白图片的背景。
      

  2.   

    这个一般是出现在低版本IE上的，手头没IE10，不好调试。等于是随便搞一个像素的空白图片，给div加上这个空白图片的背景图并且repeat。应该就没问题了。
      

  3.   

    穿透了呗，div加个背景
      

  4.   

    firefox也不行。。设置为背景图片不就好了Web开发学习资料推荐
    easyui datebox设置日期范围
    Web前端开发
      

  5.   

    谷歌浏览器也是一样会触发事件
    加上
    html,body { height: 100px;margin: 0;}
      

  6.   

    div加个透明背景
    background-color: rgba(0,0,0,0);
      

  7.   

    设置背景色是可以解决IE10问题，但为什么IE10跟谷歌的会不一样，有没有什么一劳永逸的方式，不想每次都去设置背景色
      

  8.   

    多加一层layer