CSS属性:z-index问题

当定义的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设置生效

你可能感兴趣的:(CSS属性:z-index问题)