最赞回答 / 疯一般的小猪仔
position:sticky是一个新的css3属性，它的表现类似position:relative和position:fixed的合体，目标区域在屏幕中可见时，它的行为就像position:relative; 而当页面滚动超出目标区域时，它的表现就像position:fixed，它会固定在目标位置。一些常见的应用这个属性的一般是侧边栏和底部内容
2016-10-06
最赞回答 / wei什么呀
如果父元素z-index有效，那么子元素无论是否设置z-index都和父元素一致，会在父元素上方。详细参考连接——http://www.cnblogs.com/dolphinX/p/3262469.html
2016-10-06
最新回答 / zzluyao
一般的定位元素（z-index未设置，默认auto）是不会创建层叠上下文的。所以你的例子 父元素的背景当然就被子元素覆盖，而sisiter元素block当然就覆盖img元素(inline-block)。然后说下层叠上下文。层叠上下文只是针对子元素的。这样index数值是负数的时候就会显示在父元素背景之上！！<...图片...><...图片...><...图片...>
2016-09-08
最新回答 / qq_唯静心不动_elmCOV
拥有嵌套关系的z-index的属性是由其父节点决定其所在的位置，上述有两个被div包裹的img标签，虽然上一个z-index属性比下一个z-index的值要大，但是按不加父节点来说是遵循大者为上，小者为下，所以小的z-index的值就是父节点。
2016-08-28
最赞回答 / 慕粉18221508921
老师应该把img放在box里面，所以box作为父元素，也是z-index为数值的定位元素，具备了层叠上下文，所以在这个box里面，img作为行内元素，优先级>父元素背景色
2016-05-19
最赞回答 / 薇笑的夏娃
你这个代码写的是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，会覆盖...
2016-04-30
最赞回答 / 小爷姓樊
因为默认的z-index:auto并不会有层叠上下文，所以.box不设置z-index:0时，没有层叠上下文，是一个普通元素，而负值的z-index只会比有层叠上下文的background/border层级高，所以自然就没有.box层级高，所以被覆盖了；而当设置了.box z-index:0时，.box就有了层叠上下文，background也就是有层叠上下文的background，因此它的层级会比z-index:-1要低，所以被图片覆盖了。不知道这样你能不能懂。
2016-04-14