问答详情
源自:2-1 z-index与定位元素

z-index 嵌套的问题

在课程的3分13秒左右,老师说下图的两个img的父节点(div)的父节点没有定位属性,所以两个div采用后来居上的原则。

有点糊涂了,按照第一课讲的,元素自身有没有定位属性,好像和父元素有没有定位属性没有关系。

而且给出的代码片段里,div上面没有父节点了。

还请老师给解答一下。(我在想是不是老师说快了,结果说成父节点没有定位属性)

http://img.mukewang.com/57c2d757000193c316820346.jpg

提问者:yongzoux 2016-08-28 20:31

个回答

  • 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是在上面的。而这个时候两个图片我位置不是受自己层级决定位置。而是父级决定。父节点的层级一样。所以是后来居上。就是第二张在上面。