求解，我這里設(shè)置里了z-index：0；之后并沒有向老師那樣的效果
圖片并沒有覆蓋有背景的div元素
Kongdd
2016-04-30
3 回答
舉報(bào)
0/150
提交
取消
2016-10-18
你想要實(shí)現(xiàn)img覆蓋div背景的效果，應(yīng)該把你的HTML結(jié)構(gòu)改為div里面嵌套img即可
2016-09-08
你這個(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ì)覆蓋掉wrap。
2016-04-30
肯定的呀，你div z-index的層級(jí)高于 img元素呀，img怎么會(huì)覆蓋div元素呢