> 웹 프론트엔드 > HTML 튜토리얼 > z-index的默认值_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:14:08
원래의
3168명이 탐색했습니다.

不同浏览器的普通元素和定位元素的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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿