z-index的学习整理转述

前言:这是笔者第一次写博客,主要是学习之后自己的理解。如果有错误或者疑问的地方,请大家指正,我会持续更新!

z-index属性描述元素的堆叠顺序(层级),意思是A元素可以覆盖B元素,但是B元素并没有消失(display:none)

z-index属性可以为负值,默认为auto(可以理解为0),值最大的处于最上层.

一些元素设置z-index无效,可能的原因:

z-index属性必须和position属性(absolute/relative/fixed)配合使用,否则无效.

z-index属性应该继承父元素的z-idnex值,意思就是祖先元素优先,如果两个父元素层级已决高下,那么他们两个的子元素之间再设层级就不会起作用了.

额,先就这么多了,原本想画个图来解释的,发现不会画图,还是要继续学习。

上一篇:Foundations of Computer Science


下一篇:浮动和BFC的学习整理转述