z-index 嵌套的問題
在課程的3分13秒左右,老師說下圖的兩個img的父節(jié)點(div)的父節(jié)點沒有定位屬性,所以兩個div采用后來居上的原則。
有點糊涂了,按照第一課講的,元素自身有沒有定位屬性,好像和父元素有沒有定位屬性沒有關(guān)系。
而且給出的代碼片段里,div上面沒有父節(jié)點了。
還請老師給解答一下。(我在想是不是老師說快了,結(jié)果說成父節(jié)點沒有定位屬性)
在課程的3分13秒左右,老師說下圖的兩個img的父節(jié)點(div)的父節(jié)點沒有定位屬性,所以兩個div采用后來居上的原則。
有點糊涂了,按照第一課講的,元素自身有沒有定位屬性,好像和父元素有沒有定位屬性沒有關(guān)系。
而且給出的代碼片段里,div上面沒有父節(jié)點了。
還請老師給解答一下。(我在想是不是老師說快了,結(jié)果說成父節(jié)點沒有定位屬性)
2016-08-28
舉報
2018-09-24
擁有嵌套關(guān)系的z-index的屬性是由其父節(jié)點決定其所在的位置,上述有兩個被div包裹的img標(biāo)簽,雖然上一個z-index屬性比下一個z-index的值要大,但是按不加父節(jié)點來說是遵循大者為上,小者為下,所以小的z-index的值就是父節(jié)點。
2016-08-29
兩個div是沒有父節(jié)點了。但是里面嵌套的是img。第一個嵌套的img的層級是2.第二個div里的img層級是1.按照正常層級分布。第一張img是在上面的。而這個時候兩個圖片我位置不是受自己層級決定位置。而是父級決定。父節(jié)點的層級一樣。所以是后來居上。就是第二張在上面。