該如何理解父元素設(shè)置position后不會(huì)覆蓋img，而img的兄弟元素設(shè)置position后會(huì)覆蓋img？如何從z-index層面理解？
以上的代碼，兄弟元素的設(shè)置position后會(huì)覆蓋img好理解，該如何理解父元素設(shè)置position后不會(huì)覆蓋img？設(shè)置position后不是相當(dāng)于z-index：auto，類似層疊順序z-index為0嗎層疊順序應(yīng)該高于img?。?/p>
薇笑的夏娃
2016-09-08
3 回答
舉報(bào)
0/150
提交
取消
2016-11-10
一般的定位元素（z-index未設(shè)置，默認(rèn)auto）是不會(huì)創(chuàng)建層疊上下文的。所以你的例子 父元素的背景當(dāng)然就被子元素覆蓋，而sisiter元素block當(dāng)然就覆蓋img元素(inline-block)。然后說(shuō)下層疊上下文。層疊上下文只是針對(duì)子元素的。這樣index數(shù)值是負(fù)數(shù)的時(shí)候就會(huì)顯示在父元素背景之上！！
2016-09-17
?z-index為auto的元素不參與層級(jí)關(guān)系的比較，由向上遍歷至此且z-index不為auto的元素來(lái)參與比較。
2016-09-08
好像是設(shè)置了position之后，z-index才有效吧，如果有父元素的話，子元素和父元素有從屬關(guān)系，由父元素的顯示層次決定子元素的顯示層次。