css背景色半透明
文章描述：
CSS设置背景颜色半透明
html
<div class="container">
<div class="popup"></div>
</div>css
*{ margin:0; padding:0; }
body{ margin:0; padding:0; background:#f1f1f1; }
.container{ max-width:1200px; margin:0 auto; background:#a2ffcb; min-height:400px; }
.popup{ width:400px; height:300px; margin:0 auto; display:block; }opacity
对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5；表示设置50%半透明
.popup{ background:#000; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4; }rgba
.popup{ background:rgba(0,0,0,.4); }rgba在IE9及以下低版本不兼容
发布时间：2022/05/31
发表评论