首页 > 开发 > CSS > 正文

div层调整z-index属性无效原因分析及解决方法

2024-07-11 09:06:52
字体:
来源:转载
供稿:网友
这篇文章主要介绍了div层调整z-index属性无效原因分析及解决方法,需要的朋友可以参考下
 
 

z-index 无效

在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。

1.第一种情况(z-index无论设置多高都不起作用情况):

这种情况发生的条件有三个:

1、父标签 position属性为relative;
2、问题标签无position属性(不包括static);
3、问题标签含有浮动(float)属性。

eg:z-index层级不起作用,浮动会让z-index失效,代码如下:

 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表