层叠上下文

1. z-index：只对定位元素及 flex 元素的子元素有效
2. 父元素的opacity值不为1，子元素即使设置了负的z-index，仍然会在最外层显示，同样的情况还有给父元素添加 transform 属性等

3. 常见元素类型的堆叠顺序

   
   image.png

参考文献
http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/