容易忽略的z-index失效問題

      前些天寫一個模仿虎牙網站幻燈片的插件，期間遇到我一直都沒注意到的問題，就是z-idnex會失效的問題。

     我是將幻燈片的左右按設置為float浮動的，然后在調試點擊的時候發現無論怎么調高z-index都沒有作用，后來將浮動元素改為position：absolute就可以了。在網上我查找了一些資料，z-index的失效問題有這么幾種情況：

1.   父標簽 position屬性為relative；

2.   問題標簽無position屬性（不包括static）；

3.   問題標簽含有浮動(float)屬性。

解決的方法就是將position設置為absolute

  還有就是IE6、7下出現的問題就忽略吧。