遮罩层主题的文章列表，还有遮罩层的技术要点_第1页

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

vue 禁止遮罩层下的页面滑动

在遮罩层中，设置：<viewclass="tuikuan-showModal"@touchmove.stop.prevent="moveHandle"></view>//遮罩层在methods中，设置：//遮罩层穿透，阻止底部滑动moveHandle(){return;},　　...

代码星球 ·2021-02-20

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

layui遮罩层

varloading=layer.msg('正在提交！',{icon:16,shade:0.3,time:0});...

代码星球 ·2021-01-24

基于jquery hover图片遮罩层滑动

分享一款基于jqueryhover图片遮罩层滑动。这是一款仿腾讯课堂的鼠标悬停经过图片遮罩透明层滑动效果。效果图如下：在线预览源码下载实现的代码。html代码：<divclass="web"><imgsrc="images/course.jpg"/>...

代码星球 ·2021-01-22

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

js+html实现遮罩层效果（收藏哦）

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><scripttype="text/javascript"src="js/jquery-1.8.3.min.js"...

代码星球 ·2020-08-20

bootstrap弹框去除遮罩层效果

是通过css解决这个问题,核心css代码如下:.modal-backdrop{filter:alpha(opacity=0)!important;opacity:0!important;}alpha和opacity通常是决定透明度。alpha和opacity区别是什么?相同点:都是值为0表示完全透明，值为1表示完全不透...

代码星球 ·2020-07-24

Jquery超简单遮罩层实现代码转

Jquery超简单遮罩层实现代码...

代码星球 ·2020-05-24

遮罩层

<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

弹出框、遮罩层demo

仿alert、confirm的弹出框。弹出后，用遮罩层将背景虚化。代码如下：<html><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><scriptsrc="./js/jquery-...

代码星球 ·2020-04-06

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

body不滚动，点击遮罩层弹框消失

点击遮罩层，弹框消失阻止事件冒泡returnfalse这里当弹框出现的时候让body固定不要滚动添加了.body-fixed.body-fixed{height:100%;overflow:hidden} $(".weui_msg_src").click(function(){returnfalse;})$(...