用css做半透明遮罩层

最新推荐文章于 2021-06-19 10:50:49 发布

weixin_33744854

最新推荐文章于 2021-06-19 10:50:49 发布

阅读量2.1k

点赞数

原文链接：http://www.cnblogs.com/miaoxiaojiao/p/7459176.html

版权

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>半透明（用在遮罩层）</title>
 6 <style type="text/css">
 7  *{ margin:0; padding:0;}
 8  
 9  #maskLayer{ width:30%; height:200px; background-color:#000000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
10  
11  #div1{ width:100px; height:100px; background:red; }
12 </style>
13 
14 </head>
15 <body>
16 
17 <div id="maskLayer">
18    <div id="div1">div1</div>
19 </div>
20 
21 </body>
22 </html>

转载于:https://www.cnblogs.com/miaoxiaojiao/p/7459176.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33744854

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
用css做半透明遮罩层

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>半透明（用在遮罩层）</title> 6 <style type="text/css"> 7 *{ margin:0; padding:0;}...
复制链接

扫一扫