CSS之z-index具体小结

对于z-index几乎前端开发者都是不陌生的，都知道是层级的控制，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

准则

1. 后来居上的准则，后面的覆盖前面的；
2. z-index哪个大，哪个在上；
3. 祖先优先原则

第三点很重要，当父级a的index的值大于b的时候，那么b下面的子级的index大于a，也不会生效。

使用

（1）必须在定位元素（position:relative/absolute/fixed/sticky）上才有效

（2） 可以有负值

参考链接