老师,可不可以不打比方?感觉更不好理解了,毕竟现实情况好理解,而代码有代码的逻辑。建议用css中的具体实例来讲解,这样更直观易懂。谢谢。
2016-04-15
最赞回答 / 小爷姓樊
因为默认的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
这个层叠上下文有点类似于绝对定位的参考定位点!
如果不创建层叠属性(类似与定位中的不对包裹元素设置定位)
那么它会以根元素为参考
而如果对(A)创建了层叠属性,则就以A为参考了!
这个和定位的区别是(定位是和包裹元素相关的,而层叠上下文是否创建是和兄弟元素相关的)!
这是我的理解,如果有错误请指出!! - -
如果不创建层叠属性(类似与定位中的不对包裹元素设置定位)
那么它会以根元素为参考
而如果对(A)创建了层叠属性,则就以A为参考了!
这个和定位的区别是(定位是和包裹元素相关的,而层叠上下文是否创建是和兄弟元素相关的)!
这是我的理解,如果有错误请指出!! - -
2016-04-14