在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遮住了-->

CSS z-index在ie67中不起作用