position: relative; 相对定位使 z-index: 0, img 是内联元素，根据层叠顺序表，img在下面

z-index 层叠上下文 三个要点

相对定位时默认 z-index：auto

z-index:auto的层叠顺序大于内联元素

背景色覆盖是层叠顺序，文字覆盖是后来居上。

7阶层叠水平

z-index 祖先优先

333333

层叠上下文不设置z-index均为z-index:auto级别

7阶层叠水平完整版

创建层叠上下文的css 属性2

创建层叠上下文的css 属性

为什么会是这样的层叠顺序?

层叠上下文auto与0

z-index之间的关系