求解，我这里设置里了z-index：0；之后并没有向老师那样的效果
来源：5-1 z-index与层叠上下文
Kongdd
2016-04-30 00:32
图片并没有覆盖有背景的div元素
写回答
关注
3回答
-
- 慕少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元素呢
CSS深入理解之z-index
CSS技术大牛深入理解系列又一力作，z-index实践经验分享
40882 学习 · 31 问题
相似问题