layUI 下拉框遮挡

时间:2022-11-21 19:24:59

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

layUI 下拉框遮挡

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

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

layUI 下拉框遮挡

 

CSS z-index 属性

  

定义和用法

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

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

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

layUI 下拉框遮挡