IE 下的z-index BUG问题

时间:2022-01-12 15:27:45

今天做项目的时候在IE7 碰到了IE 的 z-index 问题;

IE 下的z-index BUG问题

然后问了几个朋友,总结了一下z-index问题的几个要点:

1、z-index 是要在position为relative或者absolute的时候生效的;

2、z-index 是在同一级别元素数值越大层级越高,显示也就越在前面;

3、前面两点在标准浏览器是没有问题的,但是在IE下面,就要看两个父级元素的z-index的数值来判断了。也就是谁的爹给力,谁就显示在前面;

4、IE下有position 的元素,z-index 对比其他没有设置 position 的要无限大,这是我朋友老猫说的。

根据这几点要点,我在父级设置了position ,和 z-index 数值,完美解决。