css之z-index

要想z-index可以使用，就要配合定位元素使用即position

 

 

如果定位元素z-index没有发生嵌套：

1.后来居上的准则

2.哪个大，哪个上

例如

 

 

如果定位元素z-index发生嵌套：

1.祖先优先原则;

例如

 

 

 

其他参与层叠上下文的属性

1.display:flex 影响层叠，要和子元素配合z-index不为auto

2.opacity不为1的时候

 

3.给元素加rotate