遮罩层第6页

微信中H5页面 ios 手机上 input 被遮挡问题

问题描述：在用户弹起软键盘的时候input获得焦点可以正常显示，但是用户收起软键盘的时候input焦点失去被遮罩层遮挡，导致无法对input进行操作。

灵魂旅者s·2023-04-01 11:54

记录一个 Dialog 只显示透明背景但是弹框不可见的错误

现象：自定义的Dialog，在魅族手机上弹出时，只有一个遮罩层，框不见了。

高钙小新·2023-04-01 00:25

【图片放大镜】

useMouseInElement方法获取基于元素的偏移量三、计算出遮罩容器定位与大容器北京定位暴露出数据给模板使用1.准备要用的数据//1.是否显示遮罩和大图片constshow=ref(false)//默认看不见//2.遮罩层的坐标

哈市南湖·2023-03-30 19:07

vue3.0 + element Plus实现预览大图的功能及图片遮罩层显示问题解决

嵌套的父元素属性会发生修改时应该将此属性设置为true，设置这个属性图片遮罩层显示就不会有问题了。preview-src-list：为预览大图的图片列表；src：为图片地址预览效果展示：

欢喜~999·2023-03-30 19:10

2021-07-13 项目经验

blog.csdn.net/weixin_43194434/article/details/1025841382.问题：vue+vantUI项目中，父组件调用子组件van-popup弹层，控制弹层的显示隐藏，通过点击弹层的遮罩层关闭弹层的时候

25点·2023-03-30 07:22

Element-ui遮罩层出现在el-dialog弹出层的上面

详细的解决方案大家可以参考一下这位仁兄的解析，很详细一共有两种解决方案①：使用element-ui自带的属性modal-append-to-body设置为false即可②：给el-dialog的父元素添加z-index属性，要比遮罩层的大

Mr哎呦喂·2023-03-26 11:47

做一个仿360工具箱的web页面（全部工具里面的模板）

第四部分是标题；第五部分是右边的滚动条；①为了方便模块化开发，我先制作模板，然后实际编写代码的时候，根据样式已经设置好的模板，来添加内容，这样方便调试和制作②大按钮：先分为整体和具体每个按钮；每个按钮分为背景图、遮罩层

淡淡紫色·2023-03-25 21:14

html移动端的兼容问题

html移动端的兼容问题：1.iOS手机上点击事件按下之后会会先一个灰色遮罩层这是因为iOS手机默认增加了高亮显示问题，解决方法把默认高亮选中的效果设置会透明色即可；html，body{-webkit-text-size-adjust

孔子bcd·2023-03-25 17:16

uni-app 禁止遮罩层下的页面滚动

方法一、touch触摸事件：methods:{moveHandle(){}}方法二、css控制底层不允许滚动：...exportdefault{data(){return{isShowPopup:false,}},}.popup-show{overflow:hidden;position:fixed;height:100%;width:100%;}

Giraffe_00·2023-03-24 11:57

增加蒙层, 其上面可以滚动, 蒙层下面不能滚动

1.css的处理:html,body{height:100%;}body{position:relative;}/*遮罩层显示时body的样式*/.notScroll{overflow:hidden;}

哈布福禄克·2023-03-20 17:10

b站pink老师JavaScript的PC端网页特效案例代码——仿京东放大镜效果

detail.js部分（全部都是重点）3.detail.css部分（重点在标红区）4.base.css部分（不重要，起辅助作用）5.common.css部分（不重要，起辅助作用）目标效果：1.初始状态是黄色的遮罩层

快意人生大社畜·2023-03-19 15:05

原生js实现仿京东商品放大镜效果

文章目录一、执行效果二、代码结构1.HTMLCSS2.js三、易错点四、代码五、图片一、执行效果二、代码结构1.HTMLCSSclass="preview"的div里面放小图片、黄色遮罩层和大图片给黄色遮罩层和大图片

小火娃·2023-03-19 15:35

网页常见特效2——仿京东放大镜

1效果图分析1.鼠标移入，让遮罩层和装有大图片的div显示，鼠标离开，让遮罩层和装有大图片的div消失2.鼠标进行移动，将鼠标在box的坐标位置给遮罩层，并且判断遮罩层的临界值3.在移动鼠标同时，右侧大盒子中的图片也要跟着相反的方向进行移动

゜ eVer ㄨ·2023-03-19 15:34

Android二维码多码识别，相册选择二维码，自定义扫码界面

MNZXingCodeMNZXingCode快速集成zxing二维码扫描快速集成zxing二维码扫描，生成二维码，可配置相册，闪光灯，相机可以调整焦距放大缩小，自定义扫描线颜色，自定义背景颜色，自定义遮罩层

碧水逍遥·2023-03-18 11:13

H5页面打开App或者跳转下载页面

预期效果1.在微信中打开，则显示一个遮罩层提示用户在浏览器中打开，类似如下：微信打开的页面.png2.在浏览器中打开，则跳转到对应的app，如果没有则跳转到下载页。

印子_cfbb·2023-03-18 07:59

微信分享图片组件（小程序）

效果图.png需求：点击分享，弹出遮罩层，可分享给好友，可保存图片分享，canvas中的图片自适应（缩放、裁剪）技术：canvas2，vant-weapp-ui思路：计划将整个分享都写成一个自定义组件，

BOB_BI·2023-03-17 06:07

弹出遮罩层，body不滚动，点击遮罩层非内容区域关闭遮罩层

一.弹出遮罩层时，控制页面不再滚动，需要给body设置position:fixed;height:100%;overflow-y:hidden;关闭遮罩层后，去掉上述属性即可。

xiaozhi_free·2023-03-15 08:09

基于CSS mask-image 实现炫酷图片过渡效果之星球大战

前置知识点mask-imageCSS属性用于设置元素上遮罩层的图像。默认值是none，也就

m0_73749017·2023-03-14 18:24

弹出遮罩层后，如何禁止底层页面的滚动

但是，我们会发现，当弹出遮罩层后，底层body的内容也是可以滚动，显然这不是我们想要的效果，这个是最近做项目频繁出现的一个问题，对于这个问题尝试了几种解决方案，皆存在弊端。

小菜鸟g·2023-03-14 02:02

小程序

1.小程序遮罩层滚动穿透.no-scroll{overflow:hidden;height:100vh;}2.在wxml里面使用.wxs来处理一些数据问题，开发文档里面有提到：由于运行环境的差异，在iOS

宋阿茶·2023-03-13 12:48

vant van-popup更改挂载点无效的解决方案

修改完挂载点之后记得在挂载点所在的页面的样式要修改fixed为absolute//修改遮罩层覆盖::v-deep.van-overlay{position:absolute;}::v-deep.van-popup

情有千千节·2023-03-13 05:04

小程序-swiper-禁止用户手动滑动

官方并没有提供参数禁止用户手动滑动解决方案一：完全禁止按需禁止解决方案二：写一个遮罩层盖住swiper

摸不到的颜色·2023-03-11 00:23

Android用PopupWindow实现下拉菜单

菜单Android5.0以下版本点击外部不消失问题&&在Android7.0上PopupWindow.showAsDropDown不起作用问题)布局说明：image.png点击区域弹出区域菜单，并实现遮罩层效果

BugMyGod·2023-03-09 11:36

微信小程序：小程序常见问题及解决方案

文章目录原生组件显示在遮罩层上面的问题scroll-view高度适配问题表单控件聚焦后页面上推问题小程序web-view页面返回到小程序页面原生组件显示在遮罩层上面的问题在小程序中使用原生的表单组件时，

淼清风·2023-02-24 12:43

uniapp-app的视频轮播图

我的方法是将nvue页面作为视频的遮罩层，如果直接将视频放到nvue页面，说不定也可以。其实这个兼容性的关键在于video标签在手机上的层级过高，除了nvue，还有其他方法解决。

楚城相拥·2023-02-24 04:38

Element,el-dialog弹出层拖拽及拉伸、双击全屏

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭

过年好_·2023-02-19 07:30

Axure原型教程：Axure实现弹框、弹出窗口（警告，提示）等

今天我们要讲的是如何用axure做出弹出框的效果，不限于当前窗口所弹出的提示、警告、带遮罩层的弹窗等，可以参考本教程，实用性非常强，应用的场景比较多。

妖怪口袋·2023-02-19 07:47

B站视频弹幕不挡住人脸效果

mask-image属性mask-imageCSS属性用于设置元素上遮罩层的图像。https://developer.mozilla.org/zh-CN/docs/Web/CSS/ma

yazhiShaw·2023-02-17 02:26

文字超出容器滚动，到底部显示虚化效果

2.实现思路：父级容器包含2个子容器：内容div和负责虚化的div块，这个块可以理解为一个局部遮罩层3.利用css3的backround-image属性的linear-gradient实现渐变效果，因为文字背景色是白色

宋乐怡·2023-02-05 02:19

vux踩过的坑

1.xdialog,Alert遮罩层在内容显示后突然跳出来，文档里没写mask-transition属性的其他值，导致我找了半天。mask-transition="vux-fade"解决

努力努力再努力_g·2023-01-31 12:35

ios手机弹窗滚动卡死现象解决

滚动后滚动到底部或者顶部再滚动出现卡死解决方法：1、如果弹窗底部页面有滚动，弹出弹窗的时需要加上以下代码，禁止底部页面滚动document.body.style.cssText='overflow:hidden'2、弹窗的遮罩层跟内容需要分开写

wang_carrie·2023-01-29 06:07

关于react-router中的Prompt组件使用心得

目录Prompt组件作用引入Prompt组件在最近的react项目中,遇到了一个需求,点击图片的时候,会出现一个大图预览,其实就是一个遮罩层,专门用来显示大图的,但因为是一个APP,所以难免会有用户点开大图后

·2023-01-19 03:04

uni-app遮罩层滚动穿透的问题

uni-app中想在遮罩层出来时下面的页面就不能滚动，就想到page{overflow:hidden}但是不能动态设置这个，查了一个多小时，uni-app文档中page-meta可以设置uni-appcsdn

·2023-01-10 15:08

After Effect全版本软件安装包（含最新2023）

AfterEffect2023新功能出炉，为您带来2023版本新增功能详解2023相较于AfterEffects2022版本而言，不仅在前作的功能基础上进行了优化，同时还新增加了多种实用性功能，例如新增加了轨道遮罩层

软件科技之家·2022-12-29 16:35

图像分割系列10_绿幕视频的背景替换

图像分割资料分享：贾志刚的OpenCV图像分割实战视频教程全套资料（包含配套视频、配套PPT的PDF文件、源码和用到的图片素材等）案例实战——绿幕视频背景替换关键知识点分割算法选择背景融合–高斯模糊遮罩层生成算法选择

亦我飞也·2022-12-27 21:53

OpenCV图像明度

明度调整可通过合成方式实现：若参数为正，则调整后的图像可以认为加了一层白色遮罩层，即

不划水的小袁·2022-12-24 21:42

React实现pc端的弹出框效果

实现pc端弹出框效果的具体代码，供大家参考，具体内容如下最近学习react碰见了一个小坑不知道为什么我在做一个弹出框的小demo很简单的一个小demo就是桌面上一个按钮点击出现一个弹出框弹出框下面有一个遮罩层

·2022-12-24 12:18

opencv泛洪填充_遮罩层填充

淡淡伤De微微凉·2022-12-14 06:21

el-image 循环展示多张图片，点击放大，点击空白处关闭遮罩层。

data(){return{ImagesrcList:['https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg','https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'],}},methods:{//循环展示图片get

猫小黑呀·2022-12-05 22:29

FLASH动态文本无法显示问题

可能是以下情况导致的：1.将“消除锯齿”那一栏设置为“使用设备字体”就可以了（原为动画消除锯齿）2.遮罩层下动态文本无法显示，移到遮罩层外即可

Cdj787296836·2022-12-03 02:16

vue弹窗嵌入其它vue页面的操作代码

在父页面，将该组件引入到弹框内，并通过动态渲染进行切换子组件，将要引入到弹框内的页面exportdefault{name:"Record",props:['userId'],data(){return{//遮罩层

·2022-11-14 23:09

uniapp开发H5及app监听返回事件（以及监听不到的处理方法）

事件监听返回键onBackPress(e){//e.from==='backbutton'说明如果点击的是物理返回键或导航栏的返回键就进行以下操作if(e.from==='backbutton'){if(遮罩层是否隐藏

_揽·2022-10-24 09:00

Element-UI源码学习——弹框组件

对话框由具体的弹框内容、关闭或确认按钮、外围的遮罩层组成。

weixin_42936434·2022-10-13 03:38

学会一行CSS即可提升页面滚动性能

我们经常会碰到类似设置半透明遮罩的需求，通常是绝对定位一个div盖在元素上方，这时遮罩层的鼠标事件优先级会更高，使得打上遮

·2022-10-08 18:13

uniapp使用遮罩层/弹出层时，底部滑动问题解决

uniapp使用遮罩层/弹出层时，底部滑动问题解决#直接在遮罩层组件上或包裹一层外层容器，添加catchtouchmove=“true”，阻止页面滚动

利兹与青鸟—·2022-09-29 18:55

uniapp uview使用u-popup组件当开启遮罩层禁止下层页面滚动。

这个感觉不符合我的需求所以没有用方法二：用css控制并动态绑定class名来实现，在遮罩层

喜陈·2022-09-29 18:23

uni-app禁止在popup组件中的内容滑动/滚动时触发遮罩层下面的页面滚动

解决：在popup组件的父组件中添加@touchmove.prevent注意不是在popup组件中添加，而是在其父组件中添加

小玲子小玲子·2022-09-29 18:34

vue弹窗父子组件调用问题示例详解

emit传图片二、vue父组件调用子组件里的不同方法一、vue弹窗父子组件emit传图片1、:modal-append-to-body="false"为了解决elementui中引入dialog窗口组件后遮罩层会挡住

·2022-09-26 20:56

Vue弹窗组件的实现方法

本文实例为大家分享了Vue弹窗组件的实现具体代码，供大家参考，具体内容如下弹窗组件包含内容：弹窗遮罩层内容层的实现（涉及slot、props、$on、$emit）实现步骤：1、搭建组件UI样式，HTML

·2022-09-20 21:16

uniapp video层级过高的一个解决方法

想通过遮罩层来做点击，发现uniapp里video的层级最高，z-index没用。百度下发现一个不错的办法。

hyswl666·2022-09-20 15:04

推荐频道

遮罩层