因为默认的z-index:auto并不会有层叠上下文，所以.box不设置z-index:0时，没有层叠上下文，是一个普通元素，而负值的z-index只会比有层叠上下文的background/border层级高，所以自然就没有.box层级高，所以被覆盖了；而当设置了.box z-index:0时，.box就有了层叠上下文，background也就是有层叠上下文的background，因此它的层级会比z-index:-1要低，所以被图片覆盖了。不知道这样你能不能懂。

sass好一些，sass规范比较好，后期维护比较容易。