z-index无效问题的解决方法

Posted Yanyd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了z-index无效问题的解决方法相关的知识,希望对你有一定的参考价值。

在使用z-index这个属性之前,我们必须先了解使用z-index的必要条件:

1、要想给元素设置z-index样式,必须先让它变成定位元素,说的明白一点,就是要给元素设置一个postion:relative(定位元素:position属性值设置除默认值static以外的元素,包括relative,absolute,fixed)样式。

2、不要给想控制“上、下”的元素设置z-index,而是对他们的父容器设置z-index样式。

以上是关于z-index无效问题的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

ActiveX插件的Z-Index属性无效问题解决

ie7下设置z-index无效如何解决?

ie7下z-index失效问题解决方法

ie7下z-index失效问题解决方法(详细分析)

IE7不支持Z-index问题

z-index属性解决样式被遮挡的问题