著名的7阶层叠水平(stacking level)
- 层叠上下文 background/border
- 负z-index
- block块状水平盒子:正常流失布局,非inline-block,无position定位(static除外)
- float浮动盒子:无position定位(static除外)的float浮动元素
- inline/inline-block水平盒子:正常流式布局,非inline-block
- z-index:auto或z-index:0
- 正z-index
参考:http://www.cnblogs.com/coco1s/p/5899089.html
http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/?utm_source=tuicool&utm_medium=referral