在课程的3分13秒左右,老师说下图的两个img的父节点(div)的父节点没有定位属性,所以两个div采用后来居上的原则。
有点糊涂了,按照第一课讲的,元素自身有没有定位属性,好像和父元素有没有定位属性没有关系。
而且给出的代码片段里,div上面没有父节点了。
还请老师给解答一下。(我在想是不是老师说快了,结果说成父节点没有定位属性)
拥有嵌套关系的z-index的属性是由其父节点决定其所在的位置,上述有两个被div包裹的img标签,虽然上一个z-index属性比下一个z-index的值要大,但是按不加父节点来说是遵循大者为上,小者为下,所以小的z-index的值就是父节点。
两个div是没有父节点了。但是里面嵌套的是img。第一个嵌套的img的层级是2.第二个div里的img层级是1.按照正常层级分布。第一张img是在上面的。而这个时候两个图片我位置不是受自己层级决定位置。而是父级决定。父节点的层级一样。所以是后来居上。就是第二张在上面。