分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

CSS实现 全屏 遮罩

发布时间:2023-09-06 01:10责任编辑:蔡小小关键词:CSS

CSS实现 全屏 遮罩

 

遮罩 CSS:.divBG { ????background: gray; ????position: fixed; ????left: 0px; ????top: 0px; ????width: 100%; ????height: 100%; ????display: none; ????z-index: 20; ????filter: alpha(opacity=60); ????opacity: 0.5 !important; }

 

弹出层 CSS:.PopUp { ????position: fixed; ????display: none; ????z-index: 50 !important; ????background-color: White; ????width: 900px; ????border-style: solid solid solid solid; ????border-width: 5px 5px 5px 5px; ????border-color: #cccc99; ????left: 50%; ????top: 50%; ????margin-top: -200px; /*--高度的一半--*/ ????margin-left: -450px; /*--宽度的一半--*/ }

 

CSS实现 全屏 遮罩

原文地址:http://www.cnblogs.com/saygoodnight/p/7509028.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved