z-index的默认值_html/css_WEB-ITnose

不同浏览器的普通元素和定位元素的z-index默认值分别是多少？如信息较长提供链接，万分感激！

讯飞星火认知大模型

科大讯飞推出的类ChatGPT AI对话产品

28

查看详情

回复讨论(解决方案)

1. z-index在ie下缺省为：z-index:0; 而FF下则缺省为：z-index:auto; 

    正是IE/FF下这一点区别导致ie,ff下z值的不同表现。

      

2.  正常情况下：兄弟（同级）元素后者居上，父子之间子高于父。 

 

3. 对于定位元素，（不论IE还是FF）非同级关系和非父子关系元素之间的Z值大小比较，须要回溯至其为兄弟关系的两个祖先元素上，先比较这两个元素的z- index值，只有当“兄”的z-index大于“弟”的z-index值，“兄”的各个后代元素，才能超过“弟元素”及其子孙元素。 


4.  对于IE,元素的z-index缺省值是0，如果不另外设置“兄”，“弟”元素的z-index值，那么”兄”的z-index就无法大于“弟”的z- index。那么”兄”元素及其子孙就无法盖过”弟”元素及其子孙。而一旦“兄”的z-index大过了”弟”元素的z-index,那么情况就翻转了，“弟”元素及其子孙将无法盖过“兄”元素及其子孙。
而对FF,元素的z-index缺省值是auto,auto的意思是什么，就是说“随便，不关我事”，那么子孙们的z值等级就只跟他们自己本身的z-index有关了。

一般情况下 如果没有设置的话 后面的元素比前面的元素层级高  注意是没有设置任何定位浮动的情况下哦

1. z-index在ie下缺省为：z-index:0; 而FF下则缺省为：z-index:auto; 

    正是IE/FF下这一点区别导致ie,ff下z值的不同表现。

      

2.  正常情况下：兄弟（同级）元素后者居上，父子之间子高于父。 

 

3. 对于定位元素，（不论IE还是FF）非同级关系和非父子关系元素之间的Z值大小比较，须要回溯至其为兄弟关系……
谢谢兄台找到这么多！！简单点说，普通文档流中的元素的z-index值在IE下为0，FF下为auto。定位的元素的默认值好像没提到哦。而其他的什么兄啊弟呀的与问题无关。

定位元素的z-index默认值auto