当定义的CSS中有position属性值为absolute、relative时，用z-index取值才能生效，z-index值越大则被层叠在最上方。
CSS的z_index属性设置元素的堆叠顺序，一个较大的z-index值的元素会覆盖较低的一个，新建课程等modal的z-index为10051，ueditor的默认z-index的值为900，在这种情况下ueditor的所有弹出框都会被新建课程遮盖住，在modal层引用ueditor时需要将明确设置ueditor的z-index值大于modal层的z-index值。
z-index总结：
当定义的CSS中有position属性值为absolute、relative时，用z-index取值才能生效，z-index值越大则被层叠在最上方。
特殊情况：
1.相同z-index:
1>. 两个元素都没定位(position)发生位置重合或者都定位(position)了并且z-index相同发生位置重合，那么后面的覆盖前面的
2>. 两个元素都没有设置z-index,使用默认值,一个定位一个没有定位，那么定位的元素覆盖未定位的元素
2.父子z-index:
1>.如果父元素z-index有效,那么子元素的z-index不论如何设置都和父元素一致，在父元素上方。
2>. 如果父元素z-index失效(未定位或使用默认值)，那么定位子元素的z-index设置生效
网友评论