最贊回答 / 瘋一般的小豬仔
position:sticky是一個(gè)新的css3屬性，它的表現(xiàn)類似position:relative和position:fixed的合體，目標(biāo)區(qū)域在屏幕中可見時(shí)，它的行為就像position:relative; 而當(dāng)頁面滾動(dòng)超出目標(biāo)區(qū)域時(shí)，它的表現(xiàn)就像position:fixed，它會(huì)固定在目標(biāo)位置。一些常見的應(yīng)用這個(gè)屬性的一般是側(cè)邊欄和底部內(nèi)容
2016-10-06
最贊回答 / wei什么呀
如果父元素z-index有效，那么子元素?zé)o論是否設(shè)置z-index都和父元素一致，會(huì)在父元素上方。詳細(xì)參考連接——http://www.cnblogs.com/dolphinX/p/3262469.html
2016-10-06
最新回答 / zzluyao
一般的定位元素（z-index未設(shè)置，默認(rèn)auto）是不會(huì)創(chuàng)建層疊上下文的。所以你的例子 父元素的背景當(dāng)然就被子元素覆蓋，而sisiter元素block當(dāng)然就覆蓋img元素(inline-block)。然后說下層疊上下文。層疊上下文只是針對(duì)子元素的。這樣index數(shù)值是負(fù)數(shù)的時(shí)候就會(huì)顯示在父元素背景之上！！<...圖片...><...圖片...><...圖片...>
2016-09-08
最新回答 / qq_唯靜心不動(dòng)_elmCOV
擁有嵌套關(guān)系的z-index的屬性是由其父節(jié)點(diǎn)決定其所在的位置，上述有兩個(gè)被div包裹的img標(biāo)簽，雖然上一個(gè)z-index屬性比下一個(gè)z-index的值要大，但是按不加父節(jié)點(diǎn)來說是遵循大者為上，小者為下，所以小的z-index的值就是父節(jié)點(diǎn)。
2016-08-28
最贊回答 / 慕粉18221508921
老師應(yīng)該把img放在box里面，所以box作為父元素，也是z-index為數(shù)值的定位元素，具備了層疊上下文，所以在這個(gè)box里面，img作為行內(nèi)元素，優(yōu)先級(jí)>父元素背景色
2016-05-19
最贊回答 / 薇笑的夏娃
你這個(gè)代碼寫的是container、img都各自創(chuàng)建了一個(gè)層疊上下文，但是他們的父元素的層疊上下文都屬于根標(biāo)簽，這樣container和img都屬于兄弟級(jí)別的元素，而container的z-index高于img，所以會(huì)覆蓋img。老師講的應(yīng)該是img和父元素wrap之間的z-index設(shè)置。如果你將父元素的z-index設(shè)置為0，就會(huì)發(fā)現(xiàn)wrap被圖片覆蓋。因?yàn)榇藭r(shí)img的層疊上下文不是根標(biāo)簽，而是wrap，wrap就變成了background，所以img的index：-1高于background，會(huì)覆蓋...
2016-04-30
最贊回答 / 小爺姓樊
因?yàn)槟J(rèn)的z-index:auto并不會(huì)有層疊上下文，所以.box不設(shè)置z-index:0時(shí)，沒有層疊上下文，是一個(gè)普通元素，而負(fù)值的z-index只會(huì)比有層疊上下文的background/border層級(jí)高，所以自然就沒有.box層級(jí)高，所以被覆蓋了；而當(dāng)設(shè)置了.box z-index:0時(shí)，.box就有了層疊上下文，background也就是有層疊上下文的background，因此它的層級(jí)會(huì)比z-index:-1要低，所以被圖片覆蓋了。不知道這樣你能不能懂。
2016-04-14