css 关于 z-index

在网上学习了z-index的综合知识，现总结一下，加深印象，两大黄金法则：

1. 后来居上；

2. 大值居上；

 

张鑫旭制作了一个七阶层叠顺序图可供参考：

 

 分三大块分析：

1. 普通元素：按照黄金法则排序

2. 会自动层叠上下文的元素

3. 依赖z-index的层叠上下文

 

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