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

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

    <style>

        .layui-form-select dl {

            z-index: 9999;

        }

    </style>

CSS z-index 属性

定义和用法

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

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

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

												


											
layUI 下拉框遮挡的更多相关文章
	

    
								
  1. layui下拉框数据过万渲染渲染问题解决方案
		
    方案一:layui下拉框分页插件 https://fly.layui.com/jie/29002/ 此插件我用了下浏览器缓存有问题,而且当下拉框数据量过万后,会一直渲染不出来,期待后期作者优化 如图下 ...
    
		
    2. 
						
  2. Layui下拉框改变时触发事件
		
    layui.use(['form', 'layer'], function () { var form = layui.form(); var layer = layui.layer; form.on ...
    
		
    3. 
						
  3. layui下拉框不显示的问题
		
    1.先检查有没有引入layui.js 2.然后看有没有被<form class="layui-form"></form>包住, 3.查看是否有以下代码 &l ...
    
		
    4. 
						
  4. 【Layui】当Layui数据表格和Layui下拉框组合时发生的问题
		
    关于Layui数据表格用下拉框显示问题 如图所示 可以看见当点击下拉框时下拉选项被下拉框覆盖 此时你需要在数据表格渲染完成时的回调内添加如下代码即可 $(".sel_scrq"). ...
    
		
    5. 
						
  5. layui下拉框实现级联
		
    <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link href ...
    
		
    6. 
						
  6. layui下拉框后台动态赋值
		
    前台页面: <select name="xm" id="xm" lay-verify="required" lay-filter=&q ...
    
		
    7. 
						
  7. layui下拉框渲染问题，以及回显问题
		
    最近实习公司给的新人练手项目用的layui,layui之前自己也接触过但是也就是用了用table组件,没有用过layer弹层这些东西,所以就了解了一下. 首先遇到的一个问题就是下拉框没有样式,然后加样 ...
    
		
    8. 
						
  8. layui 下拉框 动态获取数据
		
    $(function(){var grade=$("#grade");grade.append("一年级"); //添加下拉列表grade.append(&qu ...
    
		
    9. 
						
  9. layui 下拉框不显示解决方法
		
    添加以下代码 layui.use('form', function(){ var form = layui.form; form.render(); });
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Windows资源管理器对物理内存的描述
			
    对每个进程的虚拟/物理内存使用描述: 1.硬错误/秒:在最后一分钟内每秒出现的平均硬页错误数 2.提交(KB):操作系统为内存保留的虚拟内存量,任务管理器中显示为:提交大小 3.工作集(KB):进程当 ...
    
			
    2. 
						
  2. 1.windows下GIT 服务安装
			
    本章介绍简单在windows 安装git 服务方法.服务器端采用的是Bonobo Git Server,一款用ASP.NET MVC开发的Git源代码管理工具,界面简洁,基于Web方式配置,简单易用. ...
    
			
    3. 
						
  3. 【Leetcode】【Easy】Reverse Integer
			
    Reverse digits of an integer. Example1: x = 123, return 321Example2: x = -123, return -321 Have you  ...
    
			
    4. 
						
  4. Smart template的控件能否当成普通控件来用
			
    我的同事问过我这个问题: 只要弄清楚Smart control的原理,就能回答这个问题. 答案是: smart control可以像普通的控件一样在xml view中被定义和使用,但是必须结合ODat ...
    
			
    5. 
						
  5. Jmeter入门10  jmeter加密串处理方式2：BeanShell PreProcessor
			
    上一个博客讲了方式一:函数助手__digest加密,BeanShell PreProcessor也可以用java代码进行处理 线程组.参数.请求都直接使用上一个博客的. 第一步 添加BeanShell ...
    
			
    6. 
						
  6. PCI PCI-X PCI-E介绍
			
    1.PCI 外设互联标准(或称个人电脑接口,Personal Computer Interface),实际应用中简称PCI(Peripheral Component Interconnect),是一种 ...
    
			
    7. 
						
  7. 《机器学习实战》中贝叶斯分类中导入RSS源例子
			
    跟着书中代码往下写在这里卡住了,考虑到可能还会有其他同学也遇到了这样的问题,记下来分享. 先吐槽一下,相信大部分网友在这里卡住的主要原因是伟大的GFW,所以无论是软件FQ还是肉身FQ的小伙伴们估计是无 ...
    
			
    8. 
						
  8. BZOJ4001:[TJOI2015]概率论(卡特兰数,概率期望)
			
    Description Input 输入一个正整数N,代表有根树的结点数 Output 输出这棵树期望的叶子节点数.要求误差小于1e-9 Sample Input 1 Sample Output 1. ...
    
			
    9. 
						
  9. React中的虚拟DOM
			
    当组件当state和props发生变化当时候,组件当render函数就会重新执行,组件就会被重新渲染,react中实现这种重新渲染,他的性能是非常高的,因为他引入了一个虚拟Dom的概念,那么什么是虚拟 ...
    
			
    10. 
						
  10. js面向对象 继承
			
    1.类的声明 2.生成实例 3.如何实现继承 4.继承的几种方式 1.类的声明有哪些方式 <script type="text/javascript"> //类的声明  ...
    
			
    11.