CSS z-index属性的使用

81 阅读1分钟

之前没意识到我对这个属性这么陌生,今天才发现里面的一些小坑

使用前提

只能在设置了position:relative/absolute/fixed的元素或者是display:flex的子元素,否则不起作用。这是我踩的第一个坑。

z-index不是数值越大等级越高

具体谁的等级高还分与兄弟元素还是父元素还是叔伯元素比较,

子元素的等级再高,父元素的等级低依然干不过叔伯元素,这是踩的第二个坑。

一个关于z-index讲解很详细的文章,强烈推荐