遮罩层

css常用笔记

备份一下前端常用的笔记，并做一些说明目录1.css中的bottom原理2.透明3.div背景图片平铺4.边框圆角5.背景渐变6.奇数偶数选择7.滚动条样式设置8、flex实现垂直居中9.div阴影10.遮罩层不影响底部内容的事件
jicai520·2019-08-01 14:26

微信小程序防止输入框被键盘遮住

情景复现：点击按钮弹窗遮罩层，底部有个input输入框，点击输入框要唤起软键盘，如果不做处理，软键盘会遮住fixed定位的元素官方给出的解决方案是在input框上设置cursor-spacing属性https
here962464·2019-07-30 16:59

mui 的loding 加载动画效果，

mui.showLoading//显示加载框varshowLoading=function(message,type){varhtml='';html+='';html+=''+(message||"数据加载中")+'';//遮罩层
CY2017·2019-07-24 10:10

利用mask-image，制作走马灯效果

mask-image:为元素添加图片遮罩层，跟ps里面的遮罩层用法类似；适用于：所有元素;在SVG中，它适用于除defs元素和所有图形元素之外的容器元素；属性默认值：mask-image：none/url
牛妈代代·2019-07-22 15:05

解决el-dialog使用时无法正常弹出的问题

在使用el-dialog,发现无论怎么做,该对话框也无法显示,前端也没有报错.点击按钮时,发现遮罩层已经出来了,但对话框没有显示.经查,缺少属性append-to-body,将该值设置为true即可增加该属性
爱余星痕·2019-07-21 19:21

解决el-dialog使用时无法正常弹出的问题

在使用el-dialog,发现无论怎么做,该对话框也无法显示,前端也没有报错.点击按钮时,发现遮罩层已经出来了,但对话框没有显示.经查,缺少属性append-to-body,将该值设置为true即可增加该属性
爱余星痕·2019-07-21 19:21

Area Effector 2D区域效应器

接触该物体的物体将被施加力.接触的越久.施加的力就越多.必须拥有Collider2D组件.并且组件必须勾选IsTrigger和UsedByEffector.AreaEffector2DUseColliderMask设置遮罩层
JJJJJJJJJJC·2019-07-19 11:30

移动端键盘和光标的兼容那点事

yewq在H5的开发中，个人的制作页面布局习性不同，多多少少会产生在真机上input的光标和键盘的弹出会出现的各种BUG，文中整理了部分遇到的问题，欢迎新增ios移动端输入框上浮导致输入位置偏移问题原因：遮罩层定位为
瘦子江·2019-07-15 00:00

如何给element添加一个抽屉组件的方法步骤

比如分割线和抽屉组件今天特意手写一个抽屉组件，方便自己使用element库，写好的组件我已经放在我的githup了，点这里一、实践1.分析一个抽屉组件的z-index必定是在当前页面之上的，在抽屉主体之外的区域还会有一层半透明的遮罩层
萌萌哒草头将军·2019-07-14 09:18

JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】

本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考，具体如下：这篇给大家分享一个简单的遮罩层特效，先上效果图。
webbc·2019-07-10 11:31

mask-image的应用

遮罩层，如果学过Flash的同学应该都听过，跟PS的剪切蒙版差不多。大概的效果就是被遮罩层与遮罩层不透明的部分重叠的部分是可见的，而遮罩层是不显示的。
vczhan·2019-07-01 00:00

用CSS伪类实现毛玻璃效果

而之所以不把背景图和背景颜色都写在一个伪类中是因为我们只需要对图片做模糊处理，而半透明的after伪类扮演的是一个遮罩层的角色。在负责背景图的伪类中，background-positi
陌上兮月·2019-06-28 15:00

vue引入introjs实现网页遮罩层步骤指引

效果图详细api请看=>introJs官方文档在index.html引入3个cdn文件在对应要使用的vue文件实例化introJs().goToStep(1).setOptions({prevLabel:"上一步",nextLabel:"下一步",skipLabel:"跳过",doneLabel:"结束",/*引导说明框相对高亮说明区域的位置*/|tooltipPosition:'bottom',
pengkiw·2019-06-27 10:25

关于js与遮罩层的思路

如果是最简单粗暴的方法就是获取所有元素z-index的值，取最大值只需要忽略z-index为auto（继承父元素值）或者为null的情况生成当前window窗口最大的遮罩如果存在有zindex不生效的情况，请参考https://www.w3cplus.com/css/what-no-one-told-you-about-z-index.html另一个，如果是存在多级弹框视图，如何更加友好的遮罩效果
enderwsp·2019-06-19 16:13

JS点击按钮弹出遮罩层

jQuery弹出层.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}.white_content{d
Charles D·2019-06-19 14:35

移动端页面弹窗滚动，页面也随之滚动解决方案

例如image这时如果在手机上滚动弹窗里的内容，遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。
北冥有鱼我养的·2019-06-04 15:28

小程序弹层点击其他位置 隐藏 点击相应位置发生点击事件

上面的选择列表弹出后出现弹框，点击列表的按钮以外区域隐藏弹框遮罩层。
Mr_wuying·2019-05-31 22:19

如何解决移动端遮罩层上面滑动穿透事件

不是原创，只是觉得可以解决问题原文链接：https://www.cnblogs.com/bride/p/10114240.html1使用vue的阻止默认事件@touchmove.prevent给遮罩层一个阻止默认事件
-Dayer-·2019-05-30 17:40

菌尸(9)-意外情况

从外面看，遮罩层就像是被切来的半个泡泡，在阳光下显得流光溢彩，格外绚丽，只不过它并不像泡泡那样的脆弱。
提灯小厮·2019-05-29 18:44

HTML5调用手机相机拍照

两种方法各有利弊，第一种可以实现对拍照界面的重写（比如添加拍照界面的遮罩层提示框等）但是，第一种方式在IPhone环境下不兼容，不能使用。
D_Jiffy·2019-05-22 09:50

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

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果是form表单，不要将提交等按
diaojw090·2019-05-15 11:07

javascript实现遮罩层动态效果实例

大家在网页上注册登录的时候，经常会看见弹出的遮罩层。我这里实现的效果是：点击按钮弹出遮罩层，遮罩层下的内容不可选，并且登录框随着鼠标滚轮的下滑，动态的浮动到页面某个位置，点击关闭按钮关闭遮罩层。
FutureLilian·2019-05-14 09:57

iview里面的使用draggable拖拽移动，禁止可以点击其他区域

分析：1.iview里面的使用draggable拖拽移动后会让弹层消失，文档里面：mask是否显示遮罩层，开启draggable时，强制不显示2.由此看到，iview开启draggable时，弹层强制不显示了
yy.n·2019-05-11 09:07

iOS设置圆角阴影 避免离屏渲染

造成离屏渲染的原因有很多，如：shouldRasterize（光栅化）、mask（遮罩层）、shadows（阴影）、EdgeAnntialiasing（抗锯齿）、
hero_wqb·2019-04-28 10:12

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position:fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？
C_旧城以西·2019-04-25 09:01

Vue组件系列开发之模态框

开发Vue组件系列之模态框,主要有标题、内容、定时器、按钮文案、按钮事件回调、遮罩层这些可配置项。本次开发得组件是本系列的第一个组件,后期也会有更多系列教程推出。
Echi灬丨无痕·2019-04-18 15:43

屏幕遮掩层：微信小程序

微信弹出和隐藏遮罩层动画是小程序开发中非常重要的技能关闭按钮图片del.pngjsPage({data:{},onLoad:function(){},//打开透明层showRule:function()
国王兔子·2019-04-17 20:15

html+css+js实现遮罩层的两种方法

一、div布局+css1.html代码遮罩层2.css样式.a{width:300px;height:218px;position:relative;}.b{width:300px;height:218px
Yshx.·2019-04-16 17:07

iOS性能优化涉及方面总结

性能优化：界面卡顿优化：1、减少离屏渲染，造成离屏渲染的有shouldRasterize（光栅化）、mask（遮罩层）、shadows（阴影）、EdgeAnntialiasing（抗锯齿）、cornerRadius
_码奴·2019-04-02 17:27

React组件库封装初探--Modal

Madal组件实现基本简介类似于antd实现的modal组件，首先基本结构分析：modal-mask遮罩层modal-warp内容包装层modal主体内容层，包含：title、content、footer
keywords·2019-03-23 00:00

Android GuideView实现首次登陆引导

简介：最最轻量级的新手引导库，能够快速为任何一个View创建一个遮罩层，支持单个页面，多个引导提示，支持为高亮区域设置不同的图形，支持引导动画，方便扩展项目地址：binIoter/GuideViewGuideView
冬天的蚊子·2019-03-21 09:29

滚动穿透的6种解决方案【已自测】

在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
xing.org1^·2019-03-21 09:00

遮罩层禁止滚动

移动端经常遇到弹出层，为了凸显弹出层会加一个遮罩层例如下图遮罩层的样式.mask{width:100vw;height:100%;background-color:rgba(0,0,0,0.5);position
Doubleu_·2019-03-18 16:41

遮罩层禁止滚动

移动端经常遇到弹出层，为了凸显弹出层会加一个遮罩层例如下图遮罩层的样式.mask{width:100vw;height:100%;background-color:rgba(0,0,0,0.5);position
Doubleu_·2019-03-18 16:41

JS学习笔记 | 遮罩层Loading实现

原文链接：https://blog.csdn.net/qq_15766297/article/details/70502831一、遮罩层样式示例参考样式：模仿loading样式loading.gif图片如下
cungudafa·2019-03-12 10:31

微信下载app需要点击右上角在浏览器中打开下载的问题

很多朋友是不是遇到过这样的问题，自家的app通过微信推广没办法直接下载，而是需要通过一个遮罩层来提示用户下载。
botoy093·2019-02-21 13:46

微信浏览器下载APK文件 微信扫一扫直接打开外部浏览器

目前ios只能通过遮罩层来提示用户，对于安卓可以直接跳转外面默认浏览器，下面就分别介绍下这2种方式的实现代码。安卓手机的话是通过点击链接，直接跳转
叼叼叼叼叼大龙·2019-02-18 19:53

JS+CSS简单实现DIV遮罩层显示隐藏

;;DIVCSS遮罩层functionshowdiv(){document.getElementById("bg").style.display="block";document.getElementById
1ceMan7·2019-02-14 23:56

弹窗滚动时,如何禁止底部滑动

今天在看技术文章的时候,看到一个"滚动穿透问题探索"的主题.主要需求是:弹窗内容滚动时,保证底层页面不滑动.可是我发现.不需要用"禁止掉遮罩层的滚动事件"也能实现.做个笔记.基本html内容css.mask
小小小魔仙·2019-01-28 17:08

H5遮罩层（不会滚动）

遮罩层的position设为fixed最外层盒子要设置高度height和隐藏滚动条overflow-x:hidden;页面内容aa遮罩内容#aa{height:100%;overflow-x:hidden
cyx1874·2019-01-23 16:04

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

分享给大家供大家参考，具体如下：实现的目标MUI的offcanvas效果点击列表―-右侧展示页面不动，左侧导航滑动―-点击右侧遮罩层或者左侧选项―-左侧还原，右侧去掉遮罩层实现方案2：左右分上下两层，左侧滑动
Rattenking·2019-01-23 09:23

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动，右侧滑动)

分享给大家供大家参考，具体如下：实现的目标―-YDUI的Popup组件点击列表图标―-左侧的菜单栏显示―-点击关闭按钮或者右侧的遮罩层―-左侧菜单栏关闭实现方案1：左侧菜单和右侧展示页面分为上下两层wxml
Rattenking·2019-01-23 09:49

微信公众号开发过程中遇到的ios和安卓适配问题总结

div闪现半透明灰色背景解决方法给所在的div添加CSS属性：-webkit-tap-highlight-color:rgba(0,0,0,0);2.IOS系统适配，弹层滚动穿透问题需求：点击按钮，弹出遮罩层和弹层
熊本不熊·2019-01-10 15:44

小程序textarea字体错位

遮罩层盖不住原因：这是因为textarea和input框的z-index为最高，自己写的蒙层盖不住。处理方法：wx:if=’{{!
CherryCola_zjl·2019-01-08 13:09

iOS-CALayer中的mask

所以这里单独写一篇mask详细说明下mask(遮罩层)一个CALayer中如果存在多个子CALayer，与一个UIView中存在多个子View是一样的。
树下敲代码的超人·2018-12-28 16:22

iOS-CALayer中的mask

所以这里单独写一篇mask详细说明下mask(遮罩层)一个CALayer中如果存在多个子CALayer，与一个UIView中存在多个子View是一样的。
树下敲代码的超人·2018-12-28 16:22

Form表单中BootStrap模态框不显示（只显示遮罩层或闪一下消失）

Form表单中BootStrap模态框不显示（只显示遮罩层或闪一下消失）今天工作中需要使用模态框，于是就直接从文档上将代码复制过来，测试的时候发现模态框不能正常显示像这样只显示遮罩层，不显示模态框，或者就是闪一下消失
SongXinXin·2018-12-26 10:22

产品笔记之商业模式

仅依靠一些基金维持自身的运作，但其创造了大量的社会价值，虽然这其中并没有钱的味道，但依然叫做商业价值，例如维基百科；图1（MindjetMindManager绘制）1.当然广告也可分为联盟广告、视频播放前广告、遮罩层
木马良人·2018-12-20 18:06

MBProgressHUD 源码学习笔记

2.视图层级在开始学习源码之前，先大概了解一下整个视图的层级结构吧，主要分这几个视图：视图层级.pngbackgroundView，位于最底层，是一个遮罩层，在HUD显示时，我们之所以无法点击后边的视图
riversea2015·2018-12-15 19:45

弹窗样式（遮罩层）

css代码：/*遮罩层*/.black_over{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000000c7
goodluckall·2018-12-14 10:14
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他