问答详情
源自:5-1 z-index与层叠上下文

求解,我这里设置里了z-index:0;之后并没有向老师那样的效果

http://img.mukewang.com/57238c2e0001e54806960801.jpg图片并没有覆盖有背景的div元素

提问者:Kongdd 2016-04-30 00:32

个回答

  • 慕少7532173
    2016-10-18 18:57:04

    你想要实现img覆盖div背景的效果,应该把你的HTML结构改为div里面嵌套img即可

  • 薇笑的夏娃
    2016-09-08 13:15:56

    你这个代码写的是container、img都各自创建了一个层叠上下文,但是他们的父元素的层叠上下文都属于根标签,这样container和img都属于兄弟级别的元素,而container的z-index高于img,所以会覆盖img。老师讲的应该是img和父元素wrap之间的z-index设置。如果你将父元素的z-index设置为0,就会发现wrap被图片覆盖。因为此时img的层叠上下文不是根标签,而是wrap,wrap就变成了background,所以img的index:-1高于background,会覆盖掉wrap。

  • hey自然
    2016-04-30 09:13:39

    肯定的呀,你div z-index的层级高于 img元素呀,img怎么会覆盖div元素呢