在线客服 联系我们 返回顶部
企业动态 技术分享 行业动态

堆叠(栈)上下文

2019-12-06

由某个元素创立的一块独立区域,规则了该区域中的内容在z轴上的摆放的先后次序。

根元素

定位元素设置了z-index!=auto

从视觉靠后到视觉靠前的摆放次序

关于z-index:只要定位元素有用,关于惯例流和起浮流无效

extra:

 !-- 
html的stack context下的摆放层级:
 第一层:html创立的stack context作为底层
 第二层:.wrapper-back :position:relative;z-index:-1;stack context s level 负数等级-1
 第三层:p.passage:非定位惯例流块盒
 第四层:div.floatbox:非定位起浮盒
 第五层:p.passage的子元素文字:内部的匿名惯例流非定位行盒
 第六层:.wrapper-middle :position:relative;z-index:auto;
 第七层: .wrapper-top :position:relative;z-index:0;
 第八层:.wrapper-over :position:relative;z-index:1; stack context s level 正数等级1
 第九层:.wrapper-middle .testmiddle :position:absolute;z-index:2;stack context s level 正数等级2
 
extra:相同层的看书写次序
在线咨询
Copyright © 2018 九五至尊网址九五至尊网址-九五至尊下载app赌博 All Rights Reserved