js+div+css+遮罩层

javascript实现移动的模态框效果

鼠标在模态框标题区域按下后可以拖拽模态框，松开鼠标后，模态框停止移动实现思路：1、html、css搭建好页面，设置好模态框内容和样式后，将模态框隐藏：display:none;如果点击弹出模态框后，页面背景色发生改变，可以添加一个遮罩层
·2021-10-28 10:27

js仿淘宝放大镜效果

以下是代码：1.html代码Titlevarlist={BackgroundColor:'red',//遮罩层颜色必填Opacity:0.2,//遮罩层透明度随意size:1.5//放大倍数必填}init
·2021-10-27 12:53

前端必学——用JavaScript实现电商图片放大镜效果（附代码）

代码思想及代码实现效果图展示整个效果就是当鼠标放到展示图上的时候，会出现一个遮罩层以及
“玫瑰无原则 ”·2021-10-22 17:02

Android(Kotlin)如何使得相机蒙版有透明区域？

那实现拍照功能一般情况下，应用的界面一般都会有遮罩层与完全透明的扫描区域。那我们如何实现透明区域呢？
想看烟花么·2021-10-16 14:58

滚动穿透与滚动溢出

滚动穿透问题描述在移动端WEB开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在fixed定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的
·2021-09-14 10:35

微信小程序实现身份证拍及摄裁剪功能

效果图设计思路设计一个遮罩层图片，打开摄像头，拍照，把照片放进画布上，根据遮罩层的尺寸进行裁剪，得出处理后的图片。
oil欧哟·2021-08-31 10:09

elementUI 在使用过程中dialog重复弹出，互相覆盖的情况下，隐藏其中一个，遮罩层显示错乱问题修改

问题描述：在使用elementUI组件Dialog对话框时，在弹出内容上，再次弹出对话框内容，顶层对话框点击确认隐藏后，底层对话框被遮罩层遮盖，显示错乱，如下：上网找解决办法，参考如下：:append-to-body
·2021-08-30 13:00

vue实现tab切换的放大镜效果

本文实例为大家分享了vue实现tab切换的放大镜效果的具体代码，供大家参考，具体内容如下废话不多说先看效果图1.我这里并没有加遮罩层，如有需要请自行加上2.图片建议使用4k高清图片，不然放大后模糊，影响观看心情
·2021-08-18 14:29

Vue图片放大镜组件的封装使用详解

基于Vue的图片放大镜组件封装，供大家参考，具体内容如下图片放大镜的实现过程是将一个小图放置在一个盒子里,当鼠标在小图盒子里移动时，出现一个移动块(阴影区域/遮罩层),右侧大图片盒子出现一个等比例放大的在小图盒子移动块中的图片内容
·2021-08-18 14:26

点击遮罩层之外的地方隐藏遮罩层

外层的是的遮罩层，内层的是内容区域
·2021-08-15 00:22

更改element-ui dialog 遮罩层的透明度

1.dialog组件外部使用一个div包裹这是一段信息取消确定2.更改组件样式(我的vue项目使用的是less).dialog/deep/.el-dialog__wrapper{background-color:rgba(0,0,0,0.8);}3.如果使用的stylus.dialog>>>.el-dialog__wrapper{background-color:rgba(0,0,0,0.8);}
顺其自然AAAAA·2021-08-03 15:45

jquery实现时间选择器

本文实例为大家分享了jquery实现时间选择器的具体代码，供大家参考，具体内容如下效果图：代码：时间选择器ul,li{list-style:none;}div{box-sizing:border-box;}/*遮罩层
·2021-08-01 12:47

小程序原生实现左滑抽屉菜单

目录WXS响应事件方案A页面结构和样式WXS事件回调函数WXS脚本遮罩层方案B为什么要使用WXS结语&参考资料参考资料：在移动端，侧滑菜单是一个很常用的组件（通常称作Drawer，抽屉）。
·2021-07-30 11:45

Vue3.0 自己实现放大镜效果案例讲解

需要实现的效果是:固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。
·2021-07-29 13:30

小程序如何实现自定义tabBar

背景由于微信默认的tabbar是官方组件，有最高的优先级，因此我们自己组件的遮罩层无法覆盖他们。为了解决这个问题，我们可以使用微信提供的自定义tabBar功能。
·2021-07-27 19:43

Vue3.0 手写放大镜效果

需要实现的效果是:固定放大两倍,鼠标进入到左侧图片区域的时候,遮罩层显示,离开时,遮罩层隐藏。
·2021-07-27 18:45

Bootstrap modal关闭并删除后残留遮罩层

实际运行发现点击确定后页面回残留灰色遮罩层，且屏幕无法滑动。原因代码走到$('#'+MODAL_ID').modal("hide")后，下一行就是删除HTML的方法调用。
晴天下的猪圈可明可亮·2021-06-26 13:39

弹框和遮罩层的写法

css:原理就是最大的盒子是遮罩层，然后给他fixed定位，并让他占满全屏，背景用rgba；弹框的话就是给相对定位，因为里面的图片文字都是绝对定位，弹框的背景图可以用图片来展示。.
陌紫嫣·2021-06-26 11:27

v-if 和v-show的区别

true还是false,DOM元素始终存在只是false的时候display:nonev-if:布尔值是true的时候渲染DOM元素为false的时候就彻底的消失不存在了没有此节点举个栗子：就比如这个弹出遮罩层就必须用
依然_bc87·2021-06-24 20:44

小程序点击按钮出现和隐藏遮罩层

最近在实现一个小功能，点击按钮的时候，会从右侧滑动弹出一个信息层，与此同时，信息层会和遮罩层一起出现，于是小程序的动画功能和小程序点击按钮出现和隐藏遮罩层分开写成了demo了。
hangover_bfc9·2021-06-22 18:23

前端特效在线演示[附源码]

Front-End-DevelopmentJumpToTheHomePageForExperiencingJumpToTheHomePageForSourceCodeDemoPagesjs实现元素的隐藏和显示通过javascript控制类名通过JavaScript实现改变标签的属性:隐藏,显示,改变颜色利用css实现静态页面遮罩层仿百度可拖拽登陆界面静态搜索引擎页面纯
王一航·2021-06-20 00:47

微信小程序`iOS`系统上`echarts`不能滑动的问题

解决方案：1.添加遮罩层。使用一个遮罩层覆盖echarts图表，这样的话，当长按并滑动页面的时候，滑动的就是这个遮罩层了，自然就可以解决问题。遇到的问
·2021-06-19 03:57

微信小程序`iOS`系统上`echarts`不能滑动的问题

解决方案：1.添加遮罩层。使用一个遮罩层覆盖echarts图表，这样的话，当长按并滑动页面的时候，滑动的就是这个遮罩层了，自然就可以解决问题。遇到的问
·2021-06-18 22:17

（旧）Flash--遮罩动画

一、打开Flash，并新建一个flash文档二、然后，用矩形工具，快捷键R，绘制一个背景图三、新建一个图层四、右击刚刚新建的“图层2”图层，选择“遮罩层”五、在“图层2”图层上，用椭圆工具（O），绘制一个遮罩六
张子涵97·2021-06-14 13:40

小程序点击按钮出现和隐藏遮罩层

.js//pages/message/message.jsPage({data:{},onLoad:function(){},//打开透明层showRule:function(){this.setData({isRuleTrue:true})},//关闭透明层hideRule:function(){this.setData({isRuleTrue:false})},}).wxml:签到签到成功!X
蜜思1013·2021-06-10 19:34

2020-05-13

-------------html---------------这是从底部弹出的内容框content内容框的头部取消完成这里写你的内容这是最外面的盒子mask主要是实现蒙层的效果css样式如下/*全屏遮罩层
computerliteral·2021-06-09 14:12

如何使用JumpTool工具生成的二维码实现自动跳转和下载功能

解决方案：一：使用引导页遮罩层引导用户使用外部浏览器打开。这种方法是加一个引
司法解释飞机·2021-06-09 08:11

如何使用VJump加入链接，才能让微信浏览器直接提示跳出另一个浏览器查看

解决方案：一：使用引导页遮罩层引导用户使用外部浏览器打开。这种方法是加一个引
70de3d122348·2021-05-20 12:14

禁止遮罩层下方内容滚动的问题

解决方案在打开遮罩层加入：$("body").css({"overflow":"hidden","position":"fixed"})在关闭遮罩层加入：$("body").css({"overflow
前端小白_星辰·2021-05-19 14:41

2018-11-23项目自测问题

1.当出现弹框时1.注意弹框的打开与关闭2.出现保存按钮时，注意数据显示正在加载中，利用全屏的遮罩层v-loading.fullscreen.lock="fullscreenLoading"配合关闭与打开使用
追风筝的Hassan·2021-05-19 09:46

从零开始设计搭建ios App框架（九）

遮罩层设计首先看两个设计E0C3E5AE-A5DC-482B-8F20-7F88011CA259.pngF023E267-158F-41DA-B087-535A533877C5.png类似这种弹出层，我相信
潇水渔翁·2021-05-16 08:48

解决vux 中popup 组件Mask 遮罩在最上层的问题

问题描述：在IOS设备上遮罩层显示在弹出内容的上面，导致弹出内容不能正常显示内容和响应点击事件解决方案：找到该Popup组件的祖先DOM节点是否被设置该CSS属性：-webkit-overflow-scrolling
·2021-05-15 17:47

开发项目遇到的大大小小问题总结

important;}2textarea文本域resize:none;//禁止放大overflow-y:hidden;//进度条3遮罩层.shelter{position:fixed;top:0%;left
美洋洋_4f15·2021-05-14 05:56

IE6 select穿透问题

在编写遮罩层的时候，笔者遇到了select穿透div层的问题谢谢您的参与！
lulu_c·2021-05-13 06:12

32、通过阴影来弱化背景

通常实现遮罩层是使用两个元素//遮罩层//主内容层.wrap{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8)
Elevens_regret·2021-05-11 20:56

【存档】仿官网第一版总结

（1）关系到列表，就用ulliol（2）一个页面最好一个h1，接下来的标题副标题就用h2-h6嵌套下去（3）记得写UTF-8编码，别偷懒banner的遮罩层。
I_am_Cynthia·2021-05-11 17:11

Android自定义View-刮刮卡效果

http://blog.csdn.net/zone_/article/details/70456348)2.PorterDuffXfermode绘制思路：绘制两个图层，第一层绘制想要显示的图案，第二层绘制遮罩层
zone7_·2021-05-05 03:53

使用 default-passive-events 解决滚动背景的问题

由于Chrome想提高浏览器动画渲染帧数，要修改eventListener相关接口，出现了遮罩层无法屏蔽滚动动作的情况。
脱非入欧·2021-05-02 08:37

iOS 一种带输入框的自定义alertView的简易封装实现（新增视图控制器实现方式）

但是系统的效果毕竟是局限的，很多时候，我们仅仅是需要显示一个遮罩层的提示语，又或者是比较麻烦的，需要显示一个可实现多种交互的提示窗，这
霖溦·2021-05-01 22:17

iOS 中webview加载网页的过程中出现黑边,但加载完成后就正常

黑边情况图层结构显示UIWebBrowserView问题透明H5(webView)效果的实现一个完全透明的webView加载H5页面的效果的实现，就相当于是一个半透明的遮罩层，上面有一个不透明的图片，一般原生的带遮罩层的弹框会采用这种方式
SunnyLeong·2021-04-30 21:02

android弹幕效果实践demo

大多数玩过直播的人都知道可以发送弹幕和主播互动,那么弹幕效果是怎么实现的呢,这里简单的做了一个demo,先看效果图:具体实现思路:界面中分为三部分:底层是播放界面VideoView,然后有一个全透明的遮罩层
茴香豆的第五种写法·2021-04-28 03:14

jQuery实现拉钩穿墙效果

A预备知识A1思路HTML结构是每一个展示框都附带了一个随着鼠标滑过的遮罩层(mask)。每当鼠标在展示框上移入移出的时候，判断鼠标的方向，让遮罩层来跟随鼠标的移动。
走过的路是一行代码·2021-04-23 12:40

微信小程序商品筛选，侧方弹出动画选择页面

小程序动画animation向左移动效果：https://www.jianshu.com/p/1cdf36070205小程序点击按钮出现和隐藏遮罩层：https://www.jianshu.com/p/
祈澈菇凉·2021-04-22 07:39

Taro 弹窗滚动穿透问题完美解决方案 兼容H5和小程序

最近在做公司的一个导游导览项目，框架用的是[email protected]期间在做一个播放列表弹框的时候，遇到了遮罩层滚动和弹窗内容滚动，会导致底层页面内容滚动的问题经过上网搜寻解决方法，和亲自实践，终于找到了能同时兼容
·2021-03-19 17:43

Taro 弹窗滚动穿透问题完美解决方案 兼容H5和小程序

最近在做公司的一个导游导览项目，框架用的是[email protected]期间在做一个播放列表弹框的时候，遇到了遮罩层滚动和弹窗内容滚动，会导致底层页面内容滚动的问题经过上网搜寻解决方法，和亲自实践，终于找到了能同时兼容
·2021-03-19 16:16

element -- $message提示框被dialog遮罩层挡住的问题

问题：见下图原因：z-index的大小导致的解决：使用$message提供的自定义类名来解决this.$message({message:'这是提示信息',type:'warning',customClass:'new_z_index'}).new_z_index{z-index:9000!important;}（注：建议写在scoped的style，避免影响到其他的$message或者dialo
·2021-03-19 11:17

点击输入框无法中间修改编辑和遮罩层无法覆盖文字问题（二）

小程序在开发过程中，输入框的应用需求越来越普遍，那么在使用它的时候有什么坑呢？一、有某个场景，需要设置input和textarea组件的初始值，所以，我将value属性设置为初始值。然后，在编辑文字的过程中，如果我将光标移到文字中间某个位置，然后进行删除或插入文字的操作，光标会立即跳转到输入框的最后，非常影响编辑的体验。在真机测试中有这个问题，而模拟器中没有！请问这个问题如何解决？（部分手机：苹果
小燕子_be48·2021-03-11 14:12

elementUI同一页面展示多个Dialog的实现

要实现的效果如下：首先官方文档是这样描述的：但是我写了个小demo发现并不能直接平级放置即可，一样会存在先后顺序不同造成的覆盖以及遮罩层导致不能点击被遮盖的dialog。
·2021-02-25 16:15

前端面试每日 3+1 —— 第656天

今天的知识点(2021.01.31)——第656天(我也要出题)[html]写一个带遮罩层的弹窗，并把内容锁定没有滚动条[css]如何隐藏鼠标在某个区域内的光标？
·2021-01-31 10:52

前端面试每日 3+1 —— 第656天

今天的知识点(2021.01.31)——第656天(我也要出题)[html]写一个带遮罩层的弹窗，并把内容锁定没有滚动条[css]如何隐藏鼠标在某个区域内的光标？
·2021-01-31 10:16
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他