遮罩层

《颠覆传统：CSS遮罩的图像创意设计指南》

遮罩，简单来说，就是通过定义一个遮罩层，利用遮罩层的透明与不透明区域，精准地控制元素哪些部分可见，哪些部分被隐藏。它打破了传统图像显示的局限，为我们呈现出一种全新的视觉控制方式。

程序猿阿伟·2025-06-20 18:04

前端 - 视觉呈现技术

mp4这类文件在微信H5中永远治愈最上层，我们无法在视频的上方添加遮罩层并对视频制作相关的处理。那么，

倾听岁月·2025-06-06 15:05

Selenium 中 JavaScript 点击的优势及使用场景

driver.execute_script("arguments[0].click();",element)）相比直接调用element.click()有以下几个主要优势：1.绕过元素不可点击的限制问题场景：当元素被其他元素覆盖（如遮罩层

ZingKings·2025-06-04 17:36

Element UI 对话框固定宽度 + 遮罩层深度定制方案

ElementUI对话框固定宽度+遮罩层深度定制方案核心需求固定宽度：指定对话框为固定像素宽度（非百分比）遮罩层控制：通过modal属性管理遮罩层显示样式隔离：仅影响目标对话框，不干扰其他弹窗实现步骤1

程序员老王wd·2025-05-27 07:31

PC项目练习

PC项目练习HTMLjs开机遮罩层样式头部css主体样式侧边导航点第一屏第二屏第三屏第四屏第五屏HTMLtesthtml,body{height:100%;overflow:hidden;font:14px

春雨惊春.·2025-05-26 02:41

el-dialog 点遮罩层不关闭

ElementUI的el-dialog组件时，默认情况下，如果用户点击对话框外部的遮罩层，窗口会关闭。

反转'·2025-05-19 08:50

el-dialog鼠标在遮罩层松开会意外关闭，教程图文并茂

报错效果如下在遮罩层处松开鼠标会导致模态框意外关闭，体验感极差解决方法工作流程点击遮罩层：用户在对话框遮罩层上点击触发before-close事件：由于closeOnClickModal默认为true，

Zww0891·2025-05-19 08:17

【wpf】11 在WPF中实现父窗口蒙版效果：原理详解与进阶优化

引言在WPF应用程序开发中，蒙版效果（即遮罩层）是一种常见的交互设计。当子窗口弹出时，父窗口内容被半透明的蒙版覆盖，既能引导用户聚焦子窗口，又能防止误操作。

Kabyl·2025-05-09 10:52

Uniapp：showLoading（等待加载）

目录一、出现场景二、效果展示三、具体使用一、出现场景在项目的开发中，我们经常会请求后台接口返回数据，但是每一个接口返回数据的时间不一致，有的快，有的慢，这个时候如果不加一个遮罩层，接口返回慢的时候，非常影响用户体验二

Monly21·2025-04-29 01:10

vue3 上传文件带进度条

1是我的进度条，这里我用了遮罩层的方式2是我上传成功的地方3是上传按钮//所有请求都会从这里经过//创建一个axios实例constservice=axios.create({baseURL:'/api

sky亦恒·2025-04-25 04:30

vue3+elementUI 动态修改Loading中提示文字

vue3+elementUI动态修改Loading中提示文字问题解决方案最终效果问题使用elementUI加载组件loading时需要将循环中的值动态展示在加载遮罩层上，发现了element-loading-text

weixin_45658815·2025-04-24 02:06

Windows下使用Qt实现截图功能

项目效果提示：以下是本篇文章正文内容，下面案例可供参考一、实现思路1.创建遮罩层需要创建一个自定义的QWidget作为遮罩层，这个遮罩层应该覆盖整个屏幕，并且设置为半透明，我创建了Scree

电气徐小江·2025-04-20 09:54

vue3+leaflet+leaflet-imageMask 实现可视化地图图片遮罩层

leaflet-imageMask:(建议js文件引入)是一个图片遮罩层控件，继承自L.ImageOverlay。我们很多时候希望只显示某块区域内的内容,隐藏或者模糊区域外内容。现在网上能找到的代码都

姐夫保护你·2025-04-15 13:15

vue+leaflet 区域划分_反向遮罩层

leaflet区域划分_遮罩层geojson在线生成器网址:(https://datav.aliyun.com/portal/school/atlas/area_selector)点击前往阿里云geojson

姐夫保护你·2025-04-15 12:12

blender python 不同的obj alpha设置不同颜色并保存

目录生成遮罩层，并且渲染保存：生成蓝色遮罩层并保存遮罩结果：blender不同的obj设置不同的alpha颜色节点模式实现：生成遮罩层，并且渲染保存：importbpyimportosbpy.context.view_layer.objects.active

AI算法网奇·2025-03-08 08:46

微信小程序实现抽屉Drawer从下方弹出

drawerdrawer.json:{"component":true}drawer.wxml{{title}}drawer.wxss.container{position:relative;padding:0;}/*遮罩层样式

code_ciwei·2025-02-23 10:34

html实现背景颜色透明，文字效果不透明

html实现背景颜色透明，文字效果不透明通过伪元素的方式添加遮罩层（给背景颜色，层级，透明度，定位）即可，弹窗原理。

快乐的二进制鸭·2025-02-21 06:55

vant的dialog触发了其他overlay

原代码:dialog内容在触发showTipsDialog=true之后，dialog的遮罩层消失了，但是触发了overlay，并检查showLoadingOverlay是为false的。

ELNino_Thomas.Liang·2025-02-14 15:16

基于jQuery / 原生JS两种方式流畅实现半屏悬浮窗

jQuery和原生两种方式实现悬浮窗功能和样式的切换，兼容IE完成样式示例使用技术栈：jquery、javaScript、HTML/CSS一、基础版面悬浮窗可以有很多样式，但基础结构可以大致分为触发按钮、遮罩层

池泽123·2025-01-16 15:18

【前端】解决element-ui两层dialog嵌套，遮罩层消失的问题。

背景总觉得element-uidialog的遮罩层逻辑有点晦涩，当一个dialog内嵌另一个dialog时，它的遮罩层却始终只有一个，也就是下方class="v-modal"的div。

道着无为法自然·2024-09-14 22:27

vue el-dialog嵌套解决无法点击问题

这通常是由于嵌套对话框的遮罩层（overlay）或其他样式问题造成的。

javachen__·2024-09-14 22:27

vue3点击出现弹窗后背景变暗且不可操作

文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一

不知-_·2024-09-13 06:13

前端进阶：JavaScript实现优雅遮罩层下的表单验证技巧

表单验证的高级特性本次介绍的重点如下：动态改变样式属性className属性的用法遮罩层特效的制作动态输入的提示特性实现当文本框获得焦点时改变背景颜色，失去焦点时恢复白色使用元素的style属性访问样式规则

VaporGas·2024-09-11 07:53

Lottie系列四：使用建议

许进进·2024-08-31 17:56

echarts柱形图X轴Y轴相关配置

trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'},textStyle:{//鼠标hover遮罩层字体大小

船长㉿·2024-08-31 16:47

Vue组件开发系列之Model遮罩层组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau

vue爱好者·2024-08-31 08:05

伪元素法简易遮罩层

Document.container{position:relative;width:200px;height:266.66px;}.containerimg{width:100%;height:100%;}.container::before{content:"";display:none;position:absolute;width:100%;height:100%;background:#

weixin_55559151·2024-08-29 22:37

js实现点击图片放大效果

实现点击图片后弹出一个遮罩层来放大显示图片的功能，可以使用简单的HTML和JavaScript来完成：HTML结构-包含图片和一个用于弹出的遮罩层。CSS样式-设置遮罩层和放大的图片样式。

svygh123·2024-08-22 05:27

移动端的禁止遮罩层下的内容滚动

移动端的禁止遮罩层下的内容滚动：这是通过vue实现的屏蔽touchmove事件而实现的。

喵整点薯条·2024-02-28 14:42

前端遮罩层实现_css遮罩层怎么做？

也就是一个遮罩层，而实际上这遮罩层就是由简单的css来实现的。下面我们来看一下css如何做遮罩层。css使用可以使用opacity属性或rgba属性来实现遮罩层。

weixin_39876739·2024-02-20 00:18

html添加遮罩

html添加遮罩的代码如下所示使用div+css，加载中的图片是网上下载的动图，可以根据自己需要进行修改DIVCSS遮罩层functionshowdiv(){document.getElementById

我的名字叫勇敢#5271·2024-02-20 00:18

Material xxx doesn‘t have _Stencil property问题记录

百度了下，看到有问的但是没看到解答的，之后就找不同，发现这shader可以穿透ScrollRect的遮罩层，就想着

chillxiaohan·2024-02-12 04:36

用css控制点击穿透

当开发遇到一种场景,比如在一个元素上添加遮罩层,但是点击在遮罩层上时,实际触发下方的元素点击事件,而不是遮罩层可以用css属性pointer-events来控制;pointer-events:none指定当前元素不可点击

余栀丶·2024-02-09 14:24

微信小程序：背包商城（一）首页仿京东APP 非对称瀑布流和无限加载列表的实现

跟着Damon写代码·2024-02-09 06:26

demo页面

DocumentcuteUI.confirm({msg:'环境和健康会尽快汇款就',//显示的文字canHiddenMask:true,//点击遮罩层是否可关闭弹框，可选sureBtnText:'确定'

KillmeHeal_4dd1·2024-02-08 14:19

el-dialog弹框出现遮罩层,去掉的办法

el-dialog弹框出现遮罩层,用它自带属性modal-append-to-body如果出现多个遮罩层,使用append-to-body

烂笔头1·2024-02-05 11:49

html的dialog标签元素

以前的时候为了在页面上做出dialog效果往往很复杂，还要写遮罩层，用CSS写好多代码，不过刚刚知道html中原生也支持dialog。标准用法你好可以通过改变open属性，来显示或者隐藏，如上图所示。

大拿加拿大·2024-02-04 05:15

【googleMap】此页面无法正确加载 Google 地图

起因某一天，选址组件的google地图选择窗口一打开，就提示此页面无法正确加载Google地图的alert弹窗，并且地图被一层黑色的遮罩层覆盖，无法搜索也无法点击。

hzxOnlineOk·2024-02-03 09:17

uniapp中组件库Mask 遮罩层的使用方法

目录#平台差异说明#基本使用#嵌入内容#遮罩样式#API#Props#Events#Slot创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景#平台差异说明AppH5

TechWhiz-晓同·2024-02-02 08:52

微信小程序遮罩层滚动穿透的问题

常见的布局外层一个遮罩层里面一层是弹窗以及内容这里还是个textarea滚动到底的时候底部的遮罩层也跟着滚动了发生滚动穿透处理方法是添加page-meta必须在第一个节点

木毅01·2024-02-02 05:11

基于Element的进度条Loading

基于Element的进度条loading组件前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示，目前我使用element组件库的loading，发现不能自定义，loading的样式比较少

不抽烟的小王·2024-02-02 01:07

BlockUI详细用法

BlockUI是一种用于创建模态对话框、遮罩层和阻止用户交互的JavaScript库。它可以帮助开发者在特定操作执行期间阻止用户输入

虫小宝·2024-02-01 19:28

uniapp使用u-popup组件弹窗出现页面还可滑动

*1、问题所在：弹窗遮罩层出现了页面依旧可以上下滑动2、要求:为了用户更好交互体验，弹窗出现后应禁止页面往下滑动3、实现思路：在弹窗盒子外层添加个阻止触摸冒泡事件，使用@touchmove.stop.prevent4

爱池鱼的酱酱仔·2024-02-01 09:51

Dcat Admin v1.1.0发布 - 使用很少的代码快速构建一个功能完善的高颜值后台系统

并支持图片上传功能增加绿色主题配色数据表格快捷搜索增加auto方法，允许禁用自动提交功能优化背景色以及表格边框颜色，加深对比度登陆页面优化模型树字段名称设置功能简化优化菜单栏样式增加切换或刷新页面时移除模态窗遮罩层功能表单页面禁用

Jiangqh·2024-01-30 20:59

ElmentUI禁止点击遮罩层关闭el-dialog弹窗、对话框滑动不消失功能

方法一：局部方法一：全局//引入elementUIimportELEMENTfrom'element-ui'//修改el-dialog默认点击遮照为不关闭\全局设置点击遮罩层不关闭DialogELEMENT.Dialog.props.closeOnClickModal.default

梓涵999·2024-01-30 12:42

Taro 解决滚动穿透问题

在遮罩层的最外层view添加onTouchMove事件：实现handleTochMove方法：handleTouchMove(e:ITouchEvent){e.preventDefault()e.stopPropagation

blossom_6694·2024-01-29 19:01

BabylonJS 6.0文档 Deep Dive 摄像机（六）：遮罩层和多相机纹理

1.使用遮罩层来处理多个摄影机和多网格物体LayerMask是分配给每个网格（Mesh）和摄像机（Camera）的一个数。它用于位（bit）级别用来指示灯光和摄影机是否应照射或显示网格物体。

arwind gao·2024-01-26 18:21

Element-UI table 单元格数据可编辑

}from"@/api/table";exportdefault{name:"Role",dicts:['sys_normal_disable'],data(){return{tabels:[],//遮罩层

Shiki2147·2024-01-26 14:54

$prompt组件禁止显示右上角关闭按钮，取消按钮，及点击遮罩层关闭

$prompt组件禁止或取消显示右上角关闭按钮，取消按钮，及点击遮罩层关闭实现效果：实现代码MessageBox.prompt('请先完成手机号绑定','系统提示',{confirmButtonText

G佳伟·2024-01-24 09:37

Opencv中cv2.calcHist的mask的使用方法

引入我们用来画直方图函数:cv2.calcHist([img],[0],mask,[256],[0,256])有一个mask属性.我们应该如何去使用它呢,以及他的作用是什么mask顾名思义就是一个遮罩层

zhuyua·2024-01-23 16:57

推荐频道

遮罩层