                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之z-index

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

图片并没有覆盖有背景的div元素

Kongdd

2016-04-30

源自：CSS深入理解之z-index 5-1

关注问题我要回答

1295

操作

收起

3 回答

慕少7532173
2016-10-18

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

0 回复有任何疑惑可以回复我~

收起回答

薇笑的夏娃
2016-09-08

你这个代码写的是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。