51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#罩层
mask 遮罩层弹窗禁止页面滚动
1、css样式:.mask{background:rgba(59,59,59,0.9);/*opacity:0.9;*/position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;}.pop{background-color:...
代码星球
·
2021-02-20
mask
遮罩层
弹窗
禁止
页面
vue 禁止遮罩层下的页面滑动
在遮罩层中,设置:<viewclass="tuikuan-showModal"@touchmove.stop.prevent="moveHandle"></view>//遮罩层 在methods中,设置://遮罩层穿透,阻止底部滑动moveHandle(){return;}, ...
代码星球
·
2021-02-20
vue
禁止
遮罩层
页面
滑动
JS实现遮罩层
/**显示loading遮罩层*/functionloading(){varmask_bg=document.createElement("div");mask_bg.id="mask_bg";mask_bg.style.position="absolute";mask_bg.style.top="0px"...
代码星球
·
2021-02-13
JS
实现
遮罩层
layui遮罩层
varloading=layer.msg('正在提交!',{icon:16,shade:0.3,time:0});...
代码星球
·
2021-01-24
layui
遮罩层
基于jquery hover图片遮罩层滑动
分享一款基于jqueryhover图片遮罩层滑动。这是一款仿腾讯课堂的鼠标悬停经过图片遮罩透明层滑动效果。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="web"><imgsrc="images/course.jpg"/>...
代码星球
·
2021-01-22
基于
jquery
hover
图片
遮罩层
CSS遮罩层,全兼容
<scripttype="text/javascript">$(function(){$('#divLocker').css({"position":"absolute","margin-left":0,"margin-top":0,"background":"rgba(0,0,0,0.8)","heigh...
代码星球
·
2020-12-30
CSS
遮罩层
兼容
js+html实现遮罩层效果(收藏哦)
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><scripttype="text/javascript"src="js/jquery-1.8.3.min.js"...
代码星球
·
2020-08-20
js+html
实现
遮罩层
效果
收藏
bootstrap弹框去除遮罩层效果
是通过css解决这个问题,核心css代码如下:.modal-backdrop{filter:alpha(opacity=0)!important;opacity:0!important;}alpha和opacity通常是决定透明度。alpha和opacity区别是什么?相同点:都是值为0表示完全透明,值为1表示完全不透...
代码星球
·
2020-07-24
bootstrap
弹框
去除
遮罩层
效果
Jquery超简单遮罩层实现代码 转
Jquery超简单遮罩层实现代码...
代码星球
·
2020-05-24
Jquery
简单
遮罩层
实现
代码
遮罩层
<divid="zhezhaoyd"></div><divclass="yaoqing-yindao"><divclass="w1002pr"><divclass="w">有奖邀请</div><divclass="yaoqing-yindao...
代码星球
·
2020-05-23
遮罩层
JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小~!
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...
代码星球
·
2020-04-07
JQuery+JQuery
ui
实现
弹出
窗口
弹出框、遮罩层demo
仿alert、confirm的弹出框。弹出后,用遮罩层将背景虚化。代码如下:<html><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><scriptsrc="./js/jquery-...
代码星球
·
2020-04-06
弹出
遮罩层
demo
ie6遮罩层兼容 100%高度的实现
.black{position:absolute;width:100%;height:100%;opacity:0.5;filter:alpha(opacity=50);background:#000;_height:expression(document.body.offsetHeight+"px")}<div...
代码星球
·
2020-04-04
ie6
遮罩层
兼容
100%
高度
body不滚动,点击遮罩层弹框消失
点击遮罩层,弹框消失阻止事件冒泡returnfalse这里当弹框出现的时候让body固定不要滚动添加了.body-fixed.body-fixed{height:100%;overflow:hidden} $(".weui_msg_src").click(function(){returnfalse;})$(...
代码星球
·
2020-04-04
body
滚动
点击
遮罩层
弹框
JS+CSS简单实现DIV遮罩层显示隐藏【转藏】
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...
代码星球
·
2020-04-01
JS+CSS
简单
实现
DIV
遮罩层
首页
上一页
1
2
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他