码迷,mamicode.com
首页 > Web开发 > 详细

CSS实现 全屏 遮罩

时间:2017-09-12 12:04:33      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:code   遮罩   pac   弹出层   全屏   isp   pup   logs   dex   

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实现 全屏 遮罩

标签:code   遮罩   pac   弹出层   全屏   isp   pup   logs   dex   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!