CSS z-index在ie67中不起作用

在chrome浏览器中可以看到这样的效果：　　　　　　　　　　　　　　　　　　　　　　　　但是在ie67中看到的是：

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

这是z-index在ie浏览器中的一个兼容性问题：

　　一般来说z-index越大，层级越高，就会越在顶层显示，但是在ie67浏览器中会出现问题，

ie浏览器中会以他的顶级父元素作为参考点，不是以父元素作为参考，所以要在父元素中添加position:relative;z-index:1000(比被遮住的那一层高就行)，这样在ie浏览器中就会正常显示了。

比如说：

<div style="position:relative;z-index:10">
    <div>
        <img style="position:absolute;z-index:10"/><!--此图片被下一个div遮住了，这是我们在第一个div中添加position:relative;z-index:10就可以解决问题-->
    </div>
</div>
<div></div><!--这个div在ie浏览器中吧上面那个img遮住了-->