最贊回答 / 慕粉18221508921
老師應(yīng)該把img放在box里面,所以box作為父元素,也是z-index為數(shù)值的定位元素,具備了層疊上下文,所以在這個box里面,img作為行內(nèi)元素,優(yōu)先級>父元素背景色
2016-05-19
最贊回答 / 薇笑的夏娃
你這個代碼寫的是container、img都各自創(chuàng)建了一個層疊上下文,但是他們的父元素的層疊上下文都屬于根標簽,這樣container和img都屬于兄弟級別的元素,而container的z-index高于img,所以會覆蓋img。老師講的應(yīng)該是img和父元素wrap之間的z-index設(shè)置。如果你將父元素的z-index設(shè)置為0,就會發(fā)現(xiàn)wrap被圖片覆蓋。因為此時img的層疊上下文不是根標簽,而是wrap,wrap就變成了background,所以img的index:-1高于background,會覆蓋...
2016-04-30
最贊回答 / 小爺姓樊
因為默認的z-index:auto并不會有層疊上下文,所以.box不設(shè)置z-index:0時,沒有層疊上下文,是一個普通元素,而負值的z-index只會比有層疊上下文的background/border層級高,所以自然就沒有.box層級高,所以被覆蓋了;而當設(shè)置了.box z-index:0時,.box就有了層疊上下文,background也就是有層疊上下文的background,因此它的層級會比z-index:-1要低,所以被圖片覆蓋了。不知道這樣你能不能懂。
2016-04-14