js+div+css+遮罩层

element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住

element-ui框架的el-dialog弹出框被遮罩层遮挡问题_前端李十三的博客-CSDN博客可以发现el-dialog组件显示的时候被遮罩层挡住了。
前端李十三·2023-09-14 07:03

遮罩层，绝对定位元素导致无法触发点击事件的解决办法

问题在没有背景和图片填充的情况下，Firefox和Chrome下不能直接点击绝对定位层下的元素（比如连接，按钮），下面的元素会被上面的绝对定位层挡住。IE下可以直接点击绝对定位层下面的元素。解决办法对于这种问题需要用到一个CSS3的属性，可以通过给绝对定位的层多加一个样式："pointer-events:none;"这样绝对定位层下的元素就可以点击了。这其中有一个需要注意的地方，如果在绝对定位层上
爱笑的tycho·2023-09-10 17:04

css3 背景模糊属性 背景滤镜 backdrop-filter

8px);翻译理解记忆法仅供参考：背景幕布-过滤器:模糊(像素)backdrop-filter与filter的区别filter：模糊内容backdrop-filter:透过该层的底部元素模糊化防止透过遮罩层内容过暗
崖间陋室一小屋·2023-09-10 05:04

jqModal点击弹窗外背景不关闭弹窗

此时若一视频上传完成后为防止重复提交视频信息，直接刷新页面会进行视频初始化，若不继续上传则造成不必要的视频初始化；2）若不刷新页面，只清空当前表单，视频的隐藏id以及已上传的视频等信息不可清除，在点击jqmodal弹窗外的遮罩层时
落落鱼2013·2023-09-09 01:38

SuperMap for Leaflet 遮罩层

leaflet-mask.js下载地址：https://github.com/perliedman/leaflet-control-geocoder四角坐标替换为{northWest:{lat:59.0,lng:73.0},//遮罩层西北角坐标
最近大逗比·2023-09-08 09:31

移动端ios 点击input 放大出现遮罩层

ios上不起效，只能通过设置input的字体来阻止，ios认为小于16px的字体太小，只有放大用户才能看清，所以我们只能更改input字体大小input:focus{font-size:16px!important;}-webkit-tap-highlight-color:transparent;但是据说ISO10的屏蔽了user-scalable=no，所以网上找了另一段据说可以监控js来达到目
Sunny_ae0e·2023-09-07 08:00

el-dialog无法关闭

部门查询{{data.deptName}}-->确定检查了一下data属性如下：data(){return{//遮罩层loading:true,//选中数组ids:[],//非单个禁用single:true
zhaocarbon·2023-09-07 02:46

原生JS封装Modal弹框

functionModal(options){options=Object.assign({title:'标题',backgroundColor:'#fff',//背景颜色mask:true,//是否显示遮罩层
qq_32021429·2023-09-06 07:22

浏览器原生html弹窗、面板、事件、dialog

方式二)Thisisawindow关闭css#dog{border-radius:10px;}#dog::backdrop{background:rgba(0,0,0,.5);}解析弹窗(方式一)没有遮罩层
牧码侠·2023-09-06 01:19

小程序进阶-底部弹框动画效果

如何实现（1）弹出内容面板样式：如何显示与关闭，有两种方式wx:if和hidden（2）遮罩层，区分弹出内容与原有内容：z-index控制遮罩层、弹出层和原来信息层。
光图强·2023-09-05 03:45

vant 滚动穿透问题

官方地址：https://vant-ui.github.io/vant/#/zh-CN/home问题描述在使用vant组件库中调用了第三方封装的插件，发现弹出选择器，遮罩层下的页面元素可以被滚动原因分析
天空下的读白·2023-09-02 05:04

elementUI全局设置弹框默认点击遮罩层不关闭

在main.js中设置importElementUIfrom"element-ui";ElementUI.Dialog.props.closeOnClickModal.default=false;
wgb0409·2023-09-01 18:41

vue组件组件层级弹出框dialog显示问题

Element使用dialog框是内容框和遮罩层的层级不对image.png出现这种情况只要在弹出框架的属性上加上append-to-bodyimage.png效果如下image.png
python小智·2023-09-01 04:30

element-ui嵌套弹框遮罩层解决

:modal-append-to-body=“false”:append-to-body=“true”嵌套的Dialog必须指定该属性并赋值为true点击打开外层Dialog取消打开内层Dialogexportdefault{data(){return{outerVisible:false,innerVisible:false};}}
i_am_a_div_日积月累_·2023-08-31 21:00

element-ui 弹窗里面嵌套弹窗，解决第二个弹窗被遮罩层掩盖无法显示的问题

当我们在element-ui中使用弹窗嵌套弹窗时，会出现第二个弹窗打开时被一个遮罩层挡着，就像下面这样：下面提供两种解决方案：一、第一种方案我们查询element-ui官网可以发现el-dialog有这样几个属性
小白菜丨真香·2023-08-31 21:59

CSS_遮罩层下面按钮无法点击解决

pointer-events当它的被设置为none的时候，能让元素实体虚化，虽然存在这个元素，但是该元素不会触发鼠标事件pointer-events:none;按钮document.getElementById('btn').onclick=function(){console.log('按钮被触发');}
小歪 | 前端·2023-08-31 09:10

记录自定义实现加载效果CSS的步骤

1.编写加载效果的CSS推荐参考：使用CSS3实现超炫的Loading（加载）动画效果-梦想天空（山边小溪）-博客园2.增加遮罩层，用以加载时无法点击页面其他内容3.实现的demo。
东小记·2023-08-31 09:35

vue cli构建的项目出现 Uncaught runtime errors

使用@vue/cli脚手架构建的项目，在npmrundev运行后，页面出现Uncaughtruntimeerrors报错遮罩层，如下图所示。
天問_·2023-08-30 10:13

ant-vue1.78版监听a-modal遮罩层的滚动事件

监听a-modal遮罩层的滚动事件我们开发过程中经常有遇到监听页面滚动的事件需求，去做一些下拉加载或者是下拉分页的需求，我们直接在vue的生命周期中去绑定事件监听非常的方便，但如果是弹框的遮罩层的滚动监听呢
段子君·2023-08-29 13:26

【Vue】高仿CSDN的评论区功能，全手敲！

效果体验地址：桂林高校社区2、实现流程2-1、当点击评论图标时，在右边弹出评论区，给该评论区设置一个div浮动标签，用v-if判断显示与否，本来想用el-drawer组件实现右边弹窗抽屉效果，但是那个遮罩层让我很不满
小李不背锅·2023-08-29 05:23

element ui 弹出组件的遮罩层以及多层遮罩解决办法

做项目中遇到几次弹出框遮罩层的问题。有嵌套的弹出框。还有单页面中tabs标签页的弹出框。今天就说一下tabs中的弹出框遮罩层的问题。
摇摇奶昔x·2023-08-29 03:56

element-ui的el-dialog和el-drawer当鼠标拖动到遮罩层会触发关闭bug修复

我们在使用el-dialog和el-drawer时候，当弹框内有表单，用户不小心想复制个内容，拖动光标，最后光标落点在dialog或者drawer的遮罩层，导致弹框关闭，而将用户辛苦填写的内容给清除掉了
·2023-08-29 02:19

微信小程序 wx.showActionSheet 在 Android 下的显示问题

而在Android下是在屏幕中间弹出，没有取消按钮，且不能点击遮罩层关闭选择项，非常的不方便。
空宇林·2023-08-28 21:16

vue2组件库：表格数据展示通用页面

newVue({el:'#app',data(){return{//查询参数queryParams:{pageNum:1,pageSize:10,search:'',},//表格参数tableData:{//遮罩层
吕海洋·2023-08-25 09:37

uview组件u-action-sheet中closeOnClickOverlay属性不生效问题

查看官网示例后，点击遮罩层也没有隐藏，closeOnClickOverlay属性不生效。
路过的假面骑士dcd·2023-08-24 23:14

uniapp 禁止遮罩层下的页面滚动

使用@touchmove.stop.prevent="toMoveHandle"事件修饰符若需要禁止蒙版下的页面滚动，可使用@touchmove.stop.prevent="moveHandle"，moveHandle可以用来处理touchmove的事件，也可以是一个空函数。将这个方法直接丢到弹窗的最外层view就好了，虽然在编译器上的滚轮依旧可以滚动，但真机环境下的手指滑动无法再触发。为兼容各端
UserGuan·2023-08-24 19:45

vue-pc上传优化-uni-app上传优化

上传优化当我们使用自己搭建的文档服务器上传图片时候，在本地没问题，上线上传会比较慢这时候我们最简单的方法就是写一个加载组件，上传之前打开组件，掉完接口关闭组件或者不想写直接使用element的loading写一个遮罩层加载
-風过无痕·2023-08-23 09:39

element-ui的el-dialog和el-drawer当鼠标拖动到遮罩层会触发关闭bug修复

我们在使用el-dialog和el-drawer时候，当弹框内有表单，用户不小心想复制个内容，拖动光标，最后光标落点在dialog或者drawer的遮罩层，导致弹框关闭，而将用户辛苦填写的内容给清除掉了
·2023-08-23 02:57

基于Vue的图片放大镜组件封装

基于Vue的图片放大镜组件封装图片放大镜的实现过程是将一个小图放置在一个盒子里,当鼠标在小图盒子里移动时，出现一个移动块(阴影区域/遮罩层),右侧大图片盒子出现一个等比例放大的在小图盒子移动块中的图片内容
WMMWYC·2023-08-21 07:30

【CSS遮罩可视化编辑器】mask-image，边拖拽边看效果，直观易懂，图片合成，渐变背景蒙版，易如反掌

类似于现实世界中一张A4卡纸剪了个洞，我们可以通过洞看卡纸后面的物体，这里卡纸相当于遮罩层，只不过洞是遮罩层不透明的部分，其他部分是遮罩层透明的部分，与我们想象中的正好相反。
众触低代码应用平台·2023-08-20 09:53

Vue的全局组件/加载/Loading/请求转圈圈组件

首先：1.制作一个全局的加载组件，Loading.vue摆放的路径请随意，以下提供两个加载，一个是用图片加载的，一个是利用vant的ui遮罩层和Loading样式制作的。
深海蜗牛·2023-08-19 21:50

elementUI Drawer 抽屉 Dialog 对话框 等弹出组件的遮罩层以及多层遮罩解决办法

append-to-body解决多层遮罩层覆盖的问题:modal-append-to-body=“false”解决一层遮罩层覆盖问题如果对您有所帮助，点个赞、收个藏吧~Thanks♪(･ω･)ﾉ(✪ω✪
阿川阿川·2023-08-19 07:28

H5: div与textarea输入框的交互（聚焦、失去焦点、键盘收起）

需求分析1.固定在页面底部；2.默认显示纯文字与发送图标按钮，文字超出的省略显示；3.点击文字后，显示文本输入框、表情、半透明遮罩层，自动聚焦；4.有输入内容时，文本输入框右侧显示发送按钮；5.点击表情
前端-如此如此。·2023-08-18 08:57

解决el-table加载树形数据假死，前端实现懒加载

hasChildren判断是否有下级数据并显示展开按钮}lazy是否懒加载*/exportdefault{name:"Dept",components:{Treeselect},data(){return{//遮罩层
weixin_42309175·2023-08-18 05:02

具体调用vue预览的功能

from'vant';exportdefault{name:'chooseProples',data(){return{showPicture:false,//控制预览图片显示show:false,//控制遮罩层显示
小鲤鱼ya·2023-08-17 11:25

微信程序 自定义遮罩层遮不住底部tabbar解决

一、先上效果二方法1、自定义底部tabbar实现：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html官网去抄简单写下：在代码根目录下添加入口文件除了js文件的list需要调整其他原封不动代码：js部分Component({data:{selected:0,color:"#7A7E
一个假的前端男·2023-08-17 06:00

解决饿了么ui的对话框缩放和移动

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果
HGYYR·2023-08-15 20:56

layui.msg弹出设置时间

layer.msg(data.msg,{icon:6,time:2000,shade:0.4});弹出时间两秒有遮罩层
梦到韩大厨·2023-08-13 14:38

全局配置遮罩层（VUE Element Ui）

组件中index.jsimportElementUIfrom'element-ui'import{loadingConfig}from'./loadingConfig'//全局的一个基本参数配置varloading=nullconstloadingShow=()=>{loading=ElementUI.Loading.service(loadingConfig)}constloadingHide=
风兮梧桐·2023-08-11 23:02

vue-pc端elementui-统一修改问题-Dialog 对话框点击空白关闭问题-element-所有组件层级问题

前言实际开发我们经常发现dialog弹出框默认点击遮罩层空白地方就会关闭-有属性可以关闭但是经常会图方便-或者已经写完了，不想一个个写，可以在main.js进行统一关闭当我们在页面进行复杂设计和层级关闭改变
-風过无痕·2023-08-11 05:13

js点击空白处隐藏

这个是在做遮罩层的时候遇到的，想了半天不知道该如何获取，搜了一下，就做个笔记。
陌紫嫣·2023-08-09 22:06

Antdesign-Vue中抽屉的使用

body解决办法根据antdesign官方文档api里getContainer可以指定Drawer挂载的HTML节点可以通过ref或者class名或者id名挂载到对应的html节点如果挂在之后发现抽屉或者遮罩层的位置不对一定要注意要挂载的那个
weixin_49203377·2023-08-09 07:20

解决el-dialog弹出时，页面抖动，右侧会缩小的问题(即滚动条被遮罩层覆盖的问题)

问题描述：在弹出el-dialog时，会发现弹出框弹出时，页面会抖动，滚动条被遮罩层覆盖直接没有滚动条了，导致页面缩小了几个像素点（滚动条的宽度）；体验感不好，会影响到页面的布局，且页面有的fixed定位的内容也会随着遮罩层的出现移动几个像素点
@是静静啊·2023-08-08 02:53

Weex中写一个布满全屏的遮罩层

exportdefault{props:{rgba:{type:[String,Number],default:'0.5'}},computed:{newRgba(){returnthis.rgba+'';}},methods:{_click(){this.$emit('click');}}}.bui-mask{position:fixed;left:0px;right:0px;top:0px;b
Echo_前端·2023-08-07 13:28

vue 实现图片以鼠标为中心放大，并可以随意在div内拖动

需求：前端接收后端传过来图片渲染，并且可以直接在渲染的地方，以鼠标滚轮为中心放大图片，还可以随意拖动图片调研：目前有很多现成的插件都是，点击图片，然后弹出遮罩层，在遮罩层里面操作，由于不符合需求，就只能自己写了
进了吧·2023-08-02 10:33

菜鸟【原生js】：点击页面空白区域，实现窗口关闭

网上实现这个效果，有使用阻止冒泡或者使用遮罩层的，这里就不细说，但我菜，有时候我看不懂，所以自己写了一个方法，有更好的方法，欢迎指导。
自己瞎琢磨·2023-08-01 14:47

uniApp禁止遮罩弹窗下的页面滚动

研究了网上的解决办法在遮罩层的最外层的view元素中加入@touchmove.stop.prevent="moveHandle"或@catchtouchmove="moveHandle"亲有效，但不太理想
牧码岛·2023-07-31 20:28

HTML实现遮罩层的方法 HTML中如何使用遮罩层

Web页面中使用遮罩层，可防止重复操作，提示loading；也可以模拟弹出模态窗口。实现思路：一个DIV作为遮罩层，一个DIV显示loading动态GIF图片。
同学小江·2023-07-30 00:13

【ElementUI】dialog弹窗出现闪屏问题解决办法

原因是：当一个弹窗关闭之后另一个弹窗可能还没打开，这个中间的空格期就是会出现遮罩层也就是我们说的闪烁情
别拿曾经看以后~·2023-07-27 00:14

Element中使用dialog实现下一步出现闪屏现象解决方法

dialog实现，如果每一步的弹窗都用一个dialog的话，那么在点击“下一步”，两个dialog弹窗切换的时候会出现闪屏现象，这是因为前一个dialog关闭，新dialog打开有一段时间间隙，会有明显的遮罩层切换效果
三千枯桐·2023-07-26 18:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他