z-index的问题

首页课程实战体系课手记专栏慕课教程

z-index的问题

来源：2-1 position-static

柒壹柒

2019-08-09 12:44:36

根据第一幅图的从父规则，第二图的B不应该要覆盖A和A的子节点A-1吗

写回答

1回答

好帮手慕夭夭

2019-08-09

已采纳

你好同学，要认真看一下前提哦。第二个里面A和B都不设置定位，只对A的子元素设置定位。定位元素要比没有定位的元素层级大的，所以A-1不会被覆盖哦

第一幅图从父是因为子元素没有设置定位。z-index只能给定位元素设置才会生效，设置定位的是A和B，所以给A和B设置z-index才可以改变它们的层级，子节点没有设置定位，所以会从父，这就是为什么如下说的给子节点设置z-index大，也不会改变层级，依旧是b的子节点覆盖A的子节点的原因。

换句话来说，如果给子节点也设置了定位，z-index就能够改变子节点的层级，它就不从父了哦

祝学习愉快，望采纳。

0 学习 · 40143 问题

相似问题

回答 1

回答 1

回答 2

回答 1

回答 1