css代码|遮盖层覆盖整个页面(css遮罩层 挡住所有)

时间:2021-04-05 22:16:35   阅读:700
<body topmargin="0"> 

<div class="main"> 
网页主体内容,包含网页其他栏目 
</div> 
<!--蒙板--> 
<div class="mask"></div> 
<div class="opendiv" > 
最上层DIV覆盖下面的全部DIV 
</div> 
</body> 


<style>
.main { width:960px; height:800px; background-color:#FF9966; margin:0px auto;} 
.mask{ z-index:900;[color=red] position:fixed!important;[/color] position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45; -khtml-opacity: 0.45; } 

.opendiv{z-index:920;position:absolute;left:50%; top:50%; margin-left:-175px; margin-top:-125px; width:334px; height:180px; background-color: #6699FF; text-align:center; padding-top:20px;} 
</style>

首次装修卡盟的思路从这里开始

css代码|遮盖层覆盖整个页面(css遮罩层 挡住所有)

上一篇:html代码|手机qq跳转浏览器主要代码(qq跳转浏览器打开代码)

下一篇:js代码|记住登录的账号和密码(js登录记住用户名密码)

网友评论