实现页面弹框背景虚化效果
实现效果类似alert效果
<style type="text/css">
#mask {
background: #000;
opacity: 0.6;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
}
</style>
<script type="text/javascript">
function test(){
mask();//弹框之前用div遮盖
crm2Win2 = window.$.dicWin({
drag : true, //能否拖动窗口
closable : false,
title : '超时校验',
width : '500px',
height : '300px',
url : ctx +'/common/autoLockValid.jsp?EMPACCT=${LOGON_EMPEE.EMPEE_ACCT}&LATNID=${LOGON_EMPEE.LATN_ID}&USERID=${LOGON_EMPEE.USER_ID}&jtCrmSSOLogoutPage=<%=request.getAttribute("jtCrmSSOLogoutPage")%>',
});
}
var mask = function() {
$('<div id="mask" style="width: ' + $(window).width() + 'px; '
+ 'height: ' + $(window).height() + 'px;"></div>').appendTo("body");
};
</script>
转载于:https://www.cnblogs.com/hujie-developer/p/5833812.html
实现页面弹框背景虚化效果相关推荐
- Cypress之处理页面弹框以及多tab页间切换
上次博客讲解了如何模拟键盘输入和鼠标操作以及拖动页面元素,此次课程将介绍如何处理页面弹框,保证测试案例继续运行.另外,还会介绍如果测试案例跨多个tab页,如何实现多tab页间切换测试.最后介绍cypr ...
- layui 父页面弹框中获取子页面的内容
layer弹层组件开发文档 - Layuihttps://www.layui.site/doc/modules/layer.html#layer.getChildFrame 需求及代码分析 如上图,原 ...
- 仿京东滑动页面搜索框背景渐变
原文地址:http://blog.csdn.net/qq_39734239/article/details/78504691 最近在做电商项目,看京东的首页搜索框渐变效果十分的不错就找了一些大神的博客 ...
- 制作支付页面弹框html,JS实现仿微信支付弹窗功能_蜡烛_前端开发者
先奉上效果图 /p> body { margin: 0; padding: 0; font-size: 0.3rem; font-family: "微软雅黑", arial; ...
- 移动端下弹框禁止背景滑动
移动端下弹框禁止背景滑动 茴字写法有很多种,找到最适合的才是好的. 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden .overflow-hidden{height ...
- 微信小程序 - 解决弹框遮罩层的滚动穿透问题
在小程序页面里有自定义弹窗时候,发现弹窗外滚动的时候,底部背景页面也会跟随滚动.面对这个bug,我们可以用下面几种方法实现: 方法1:catchtouchmove="true" 可 ...
- android 底部弹框 BottomSheetDialog 的使用
先简单的说下普通弹框使用 步骤 首先项目需要添加design 库 简单的使用和dialog 一样 如下 BottomSheetDialog sheelt = new BottomSheetDialog ...
- pythonselenium浮动框_python上selenium的弹框操作实现
selenium之弹框操作 1,分类 弹框类型自见解分为四种: 1,页面弹框 2,警告提示框(alert) 3,确认消息框(confirm) 4,提示消息对话(prompt) 提示: selenium ...
- 解决uni-app官方弹框popup关闭不了问题；/pages/extUI/popup/popup；uni-app弹框popup打开调用事件。unin-app弹框封装；
 — Reaching Definition Analysis