容易忽略的z-index失效问题

前些天写一个模仿虎牙网站幻灯片的插件，期间遇到我一直都没注意到的问题，就是z-idnex会失效的问题。

我是将幻灯片的左右按设置为float浮动的，然后在调试点击的时候发现无论怎么调高z-index都没有作用，后来将浮动元素改为position：absolute就可以了。在网上我查找了一些资料，z-index的失效问题有这么几种情况：

1. 父标签 position属性为relative；

2. 问题标签无position属性（不包括static）；

3. 问题标签含有浮动(float)属性。

解决的方法就是将position设置为absolute

还有就是IE6、7下出现的问题就忽略吧。