非浮层元素z-index不应该超过2

不依赖z-index的层叠上下文与z-index：auto是一个层叠水平

.box设置z-index时，会创建层叠上下文，图片的层叠上下文元素就变成了容器

定位元素之所以在上方是因为z-index：auto的优先级大于inline元素

1、定位元素默认z-index：auto可以看成是z-index：0

2、z-index不为auto的定位元素会创建层叠上下文

3、z-index层叠顺序的比较止步于父级层叠上下文

网页元素的重要性和顺序

7阶层叠水平

层叠上下文中的每个元素都有一个层叠水平

z-index应该优先查看祖先

不考虑CSS3，只有定位元素的z-index才起作用

z-index指定了元素及其子元素在z顺序上的覆盖关系，较大的会覆盖较小的

定位之后是 auto；当定位元素的 z-index 不是 auto 的时候就会创建层叠上下文

有层叠上下文的属性。

opacity 不为 1 是层叠上下文元素，z-index:atuo; 和 absolute 一样，所以后来居上。

opacity 为 1 是普通元素，因为文字是绝对定位，所以在上面了。

其他参与层叠上下文