首页 > web前端 > html教程 > z-index的默认值_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-24 12:14:08
原创
3166 人浏览过

不同浏览器的普通元素和定位元素的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值,只有当“兄”的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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板