图片并没有覆盖有背景的div元素
你想要实现img覆盖div背景的效果,应该把你的HTML结构改为div里面嵌套img即可
你这个代码写的是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。
肯定的呀,你div z-index的层级高于 img元素呀,img怎么会覆盖div元素呢