z-index 嵌套的问题
来源：2-1 z-index与定位元素
yongzoux
2016-08-28 20:31
在课程的3分13秒左右，老师说下图的两个img的父节点（div）的父节点没有定位属性，所以两个div采用后来居上的原则。
有点糊涂了，按照第一课讲的，元素自身有没有定位属性，好像和父元素有没有定位属性没有关系。
而且给出的代码片段里，div上面没有父节点了。
还请老师给解答一下。（我在想是不是老师说快了，结果说成父节点没有定位属性）
写回答
关注
2回答
-
- qq_唯静心不动_elmCOV
- 2018-09-24 14:15:37
拥有嵌套关系的z-index的属性是由其父节点决定其所在的位置，上述有两个被div包裹的img标签，虽然上一个z-index属性比下一个z-index的值要大，但是按不加父节点来说是遵循大者为上，小者为下，所以小的z-index的值就是父节点。
-
- 中国小小唐
- 2016-08-29 22:42:27
两个div是没有父节点了。但是里面嵌套的是img。第一个嵌套的img的层级是2.第二个div里的img层级是1.按照正常层级分布。第一张img是在上面的。而这个时候两个图片我位置不是受自己层级决定位置。而是父级决定。父节点的层级一样。所以是后来居上。就是第二张在上面。
CSS深入理解之z-index
CSS技术大牛深入理解系列又一力作，z-index实践经验分享
40882 学习 · 31 问题
相似问题