css层叠上下文

其默认层叠顺序是
1.同级元素中，后面元素覆盖前面元素
2.父子元素中，子元素覆盖父元素
控制元素层叠上下文中位置
postion 增加一个定位为非static的css属性
z-index增加一个z-index属性
z-index:2优先级高于z-index:1,若父元素为z-index:2,子元素为z-index:1,则父元素覆盖子元素。
z-index默认值为0。

注：
若父元素无postion与z-index属性，且子元素有，则子元素控制z轴层叠顺序。
若父元素有这两个属性，子元素无，则父元素不能控制层叠顺序。