原项目中把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. SelectedItems的用法讲解
			
    在做俄罗斯方块的时候写了下面一段代码: private void listView1_SelectedIndexChanged(object sender, EventArgs e)          ...
    
			
    2. 
						
  2. iDempiere 使用指南 绿色版一键启动测试环境
			
    Created by 蓝色布鲁斯,QQ32876341,blog http://www.cnblogs.com/zzyan/ iDempiere官方中文wiki主页 http://wiki.idemp ...
    
			
    3. 
						
  3. 【Linux】GCC编译
			
    GCC简介 GCC基本用法 GCC程序产生过程 GCC编译选项 一.GCC简介 1.1 GCC特点 Gcc(GNU C Compiler)是GNU推出的功能强大.性能优越的多平台编译器,是GNU的 代 ...
    
			
    4. 
						
  4. 《ArcGIS Runtime SDK for Android开发笔记》——（11）、ArcGIS Runtime SDK常见空间数据加载
			
    ArcGIS Runtime SDK for Android 支持多种类型空间数据源.每一种都提供了相应的图层来直接加载,图层Layer是空间数据的载体,其主要继承关系及类型说明如下图所示: 转载请注 ...
    
			
    5. 
						
  5. 买卖股票的最佳时机 - C++
			
    class Solution { public: /** * @param prices: Given an integer array * @return: Maximum profit */ in ...
    
			
    6. 
						
  6. 分布式check_mk切换远端图片到本地访问
			
    http://hermannsspace.de/wp/collect-pnp4nagios-data-in-check_mk-distributed-environment slave1数据目录 /o ...
    
			
    7. 
						
  7. Oracle10g使用$ORACLE_HOME/rdbms/admin/awrrpt.sql报错
			
    Enter value for report_name: Using the report name awrrpt_1_591_593.htmlselect output from table(dbm ...
    
			
    8. 
						
  8. 一个自动生成awr报告的shell脚本
			
    最近在学习shell编程,搞一点点小工具自动完成awr报告的收集工作,方便系统出现问题时问题排查.脚本内容如下,系统收集每天开始时间6点结束时间20点的awr报告并存储在/u01/shell_t/aw ...
    
			
    9. 
						
  9. May 15th 2017 Week 20th Monday
			
    Life is a flower of which love is the honey. 人生是花朵,爱情是花蜜. Not every life can be a flower, not every  ...
    
			
    10. 
						
  10. BZOJ2730:[HNOI2012]矿场搭建(双连通分量)
			
    Description 煤矿工地可以看成是由隧道连接挖煤点组成的无向图.为安全起见,希望在工地发生事故时所有挖煤点的工人都能有一条出路逃到救援出口处.于是矿主决定在某些挖煤点设立救援出口,使得无论哪一 ...
    
			
    11.