css的层叠上下文

 

 

 

z-index，只能在有position的时候才生效。

会产生层叠上下文的属性：

　　1. display:flex|inline-flex与层叠上下文 子元素是层叠上下问。

　　2.  opacity与层叠上下文

　　3. transform与层叠上下文

　　4. mix-blend-mode与层叠上下文

　　5. filter与层叠上下文

　　6. isolation:isolate与层叠上下文

　　7. will-change与层叠上下文