CSS中z轴的简单了解

html-css010

CSS中z轴的简单了解,第1张

z轴即 z-index ,可以帮助我们控制元素的堆叠顺序,即当元素发生覆盖的时候,决定哪个元素在上面,哪个元素在下面。

通常来说, z-index 值较大的元素会覆盖较低的元素。z-index 的默认值为 auto(可以认为是0),可以设置正整数,也可以设置为负整数。

当然,非常重要的一点是,只有定位元素( position:relative/absolute/fixed )的 z-index 才有作用,如果你的 z-index 作用于一个非定位元素,通常是不起任何作用的。

层的概念(z-index)

可以搜CSS盒模型看看

其实很简单的概念,例如PS中的图层,Flash中的洋葱皮等等,都是一回事

什么用

以前很常用,现在一般应该只用于'弹出菜单不要被FLASH挡住'啦这类问题吧,以前常用是因为div的误解和滥用,绝对定位的时候都要用z-index区分谁在上面,谁在下面

说的有点不清,不理解的话站内消息