IE10浏览器，父元素中的有图片定位后，其余子元素定位点击事件失效

今天分享一下关于IE10的bug：

项目需求兼容IE10，但是在兼容过程中发现一个神奇的事情，就是当一个父元素中有图片，有其他元素时，先把img定位，z-index设置为16，div设置为20，这时候，正常来讲，，点击div应该有正常事件的触发，但是IE10中却无效

此时在Google中点击，两个子元素的点击事件均可以正常触发

 

在IE10浏览器中，点击事件均无效果，通过一些列观察，发现，元素根本找不到。。

 

 

元素都没有，所以点击事件妥妥的是无效的~~~

通过查阅资料发现，大佬们提供的思路，发现只要给diiv设置的背景色，神奇的一幕就发生了！

    .left {
        width: 100px;
        height: 100px;;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 20;
        background: #903;
    }
    .right {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 20;
        background: #777;
    }

 

正常了！！！！终于正常了！！！！！