为了账号安全,请及时绑定邮箱和手机立即绑定

z-index 嵌套的问题

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

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

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

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

http://img1.sycdn.imooc.com//57c2d757000193c316820346.jpg

正在回答

2 回答

拥有嵌套关系的z-index的属性是由其父节点决定其所在的位置,上述有两个被div包裹的img标签,虽然上一个z-index属性比下一个z-index的值要大,但是按不加父节点来说是遵循大者为上,小者为下,所以小的z-index的值就是父节点。

0 回复 有任何疑惑可以回复我~

两个div是没有父节点了。但是里面嵌套的是img。第一个嵌套的img的层级是2.第二个div里的img层级是1.按照正常层级分布。第一张img是在上面的。而这个时候两个图片我位置不是受自己层级决定位置。而是父级决定。父节点的层级一样。所以是后来居上。就是第二张在上面。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

z-index 嵌套的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信