首页猿问为什么加上Z-index:-1没用...

为什么加上Z-index:-1没用里面绿色方块没隐藏到后面去谢谢

CSS3 Html/CSS Html5

慕斯卡5910870 2016-06-19 13:53:59

查看完整描述

2 回答

李夜

TA贡献35条经验获得超31个赞

因为 .content:before 是相对其父级 .content 定位，无论 z-index 的值是多少，其层级都比其父级高。

打个比方来说，定位父级( .content )就是地基，所有靠它定位的后代元素 ( .content:before ) 都是在其上建造的房子，房子不会跑到地基下边去，除非打破规则。

另，定位和z-index的定位规则类似于DOM层级树，这点你可以搜索一下，大神们讲解的很详细。

3 反对回复 2016-06-19

柠檬酸钠

TA贡献331条经验获得超534个赞

给content加一个z-index:10;

2 反对回复 2016-06-19

关注