首页 > 其他分享 >直播系统搭建,编辑下拉框、日期时,会层级不够有遮蒙层问题

直播系统搭建,编辑下拉框、日期时,会层级不够有遮蒙层问题

时间:2023-06-06 14:12:32浏览次数:39  
标签:层级 -- vxe 遮蒙层 input type 下拉框 panel

直播系统搭建,编辑下拉框、日期时,会层级不够有遮蒙层问题

加样式

代码如下(示例):

 

 下拉框的样式:

 


.vxe-select--panel{
    z-index: 9997 !important;
 }

日期的样式:

 


.vxe-input--panel.type--date, .vxe-input--panel.type--month, .vxe-input--panel.type--week, .vxe-input--panel.type--year {
    z-index: 9998 !important
}

 

内容过长鼠标悬停显示内容的样式:

 


.vxe-table--tooltip-wrapper{
    z-index: 9999 !important;
 }
 

 

 以上就是直播系统搭建,编辑下拉框、日期时,会层级不够有遮蒙层问题, 更多内容欢迎关注之后的文章

 

标签:层级,--,vxe,遮蒙层,input,type,下拉框,panel
From: https://www.cnblogs.com/yunbaomengnan/p/17460379.html

相关文章

  • elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
    效果展示(多列可以配置)  一、icon下拉框的多列选择:  二、常规、通用下拉框的多列选择:【注】第二种常规、通用下拉框的多列选择,是在第一种的前端代码上删除几行代码就行(把icon显示标签删去),所以下面着重介绍第一种icon下拉框的多列选择。思路  不使用下拉框标签<el-option>......
  • python selenium 下拉框处理
    在自动化测试中,处理下拉框(Dropdown)有以下几种方式:1.使用Select类:通过select的相关方法选择option选项select.select_by_index(index)参数index表示的option索引select.select_by_value(value)参数value表示的是option元属中value的属性值select.select_by_visible_te......
  • z-index控制层级显示【JavaScript-Dom&Bom】
    溢出设置overflowvisible(默认)超出部分显示hidden超出部分隐藏scroll超出部分滚动显示行内元素垂直对齐方式vertical-alignbaseline基线对齐(默认)top上对齐middle中间对齐bottom下对齐控制显示层级当元素为非static定位时,可能出现层叠......
  • Element-ui中 选择器(select)多选下拉框实现全选功能
    Element-ui中选择器(select)多选下拉框实现全选功能需求(产品整活):需要下拉时候可以一键全选父组件运用<template><div><MultipleSelect:filterable="false":selectOptions="selectOptions"//数据集合:mulSelectLoading="mulSelectLoad......
  • Snap算法学习01-02关于net节点、边、权值、标签的读写操作——netinf中cascades层级信
      Model可选值—— 0:exponential,  1:powerlaw,  2:rayleigh"                                      ......
  • 下拉框二级联动
    https://1x.antdv.com/components/cascader-cn/ <a-cascaderref="cascader"#钩子:allowClear="false"style="height:30px":options="depList":load-data="loadData"......
  • 前端下拉框组件CCDropDownFilter下拉框 筛选框 仿美团下拉筛选框
    快速实现下拉框筛选框仿美团下拉筛选框,请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12421效果图如下:    #下拉框使用方法####HTML代码部分```html<template><viewclass="content"><viewstyle="margin-top:16px;"><viewstyle="......
  • jquery/js 根据下拉框选择的值进行按钮展示
    学习如逆水行舟,不进则退~最近接了一个n年前的老项目增加新功能,本以为手到擒来结果再写页面上的效果时还是翻车了,特此记录一下~ 将近三四年没写jsp的页面了,基本忘光了,现在是要做一个批量下载的功能,但是又要是特定的某一个才有这个功能所以就有了以下的过程。一、实现效果......
  • js select下拉框选取默认学期
    termList.map(item=>{if(item.isOnTerm==1){termOpts+='<optionvalue="'+item.termId+'"selected>'+item.termName+'</option>';}else{......
  • clayui界面库系列教程之五:仿QQ2010风格的登录下拉框
    预览图如下:                        例子工程下载        这次的例子工程是CLAYUIEXP2,与以前的苹果风格按钮是一个工程,所以在本教程里,关于初始化之类的就不详细解说了,有疑问的请查看本博客内的其他教程        好的,教程开始了。 ......