原项目中把layui内置的富文本编辑器替换成了百度的ueditor,但是出现了一点问题,下拉框被遮挡了!

layUI 下拉框遮挡-LMLPHP

在网上查询了一些方法,发现最简单的方法就是在当前页面的<head>标签中加入

    <style>
.layui-form-select dl {
z-index: 9999;
}
</style>

layUI 下拉框遮挡-LMLPHP

CSS z-index 属性

定义和用法

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释:元素可拥有负的 z-index 属性值。

注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

layUI 下拉框遮挡-LMLPHP

05-28 12:09