CSS深入理解之border
CSS深入理解之padding
CSS深入理解之margin
CSS深入理解之relative
CSS深入理解之vertical-align
CSS深入理解之line-height
非浮层元素z-index不应该超过2
不依赖z-index的层叠上下文与z-index:auto是一个层叠水平
.box设置z-index时,会创建层叠上下文,图片的层叠上下文元素就变成了容器
定位元素之所以在上方是因为z-index:auto的优先级大于inline元素
1、定位元素默认z-index:auto可以看成是z-index:0
2、z-index不为auto的定位元素会创建层叠上下文
3、z-index层叠顺序的比较止步于父级层叠上下文
网页元素的重要性和顺序
7阶层叠水平
层叠上下文中的每个元素都有一个层叠水平
z-index应该优先查看祖先
不考虑CSS3,只有定位元素的z-index才起作用
z-index指定了元素及其子元素在z顺序上的覆盖关系,较大的会覆盖较小的
定位之后是 auto;当定位元素的 z-index 不是 auto 的时候就会创建层叠上下文
有层叠上下文的属性。
opacity 不为 1 是层叠上下文元素,z-index:atuo; 和 absolute 一样,所以后来居上。
opacity 为 1 是普通元素,因为文字是绝对定位,所以在上面了。
其他参与层叠上下文
举报
微信扫码,参与3人拼团
您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!