推荐回答（3个）
1、创建一个html文件；
2、在html文件找到一个
标签，在这个标签里创建一个
标签并添加一个类，在这把这个类设置为：rgba；
3、为div添加样式。在
标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高；</p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fc83d70cf3bc79f3db1cabcddb1a1cd11728b2937%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/c83d70cf3bc79f3db1cabcddb1a1cd11728b2937"></p>
<p>4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色；</p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F3ac79f3df8dcd100f108a0cc798b4710b8122f42%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/3ac79f3df8dcd100f108a0cc798b4710b8122f42"></p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fc995d143ad4bd113063cefdf51afa40f4afb056d%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/c995d143ad4bd113063cefdf51afa40f4afb056d"></p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fc8ea15ce36d3d5395708542e3187e950352ab022%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/c8ea15ce36d3d5395708542e3187e950352ab022"></p>
<p>5、所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。</p>
<p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Faa18972bd40735fa8fc2155495510fb30f240828%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/aa18972bd40735fa8fc2155495510fb30f240828"></p>
</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答2：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p>设置透明度要用css样式了：<br>透明度的话ie下用filter:alpha(opacity=50);范围0到100，非ie下用opacity:0.5,范围0到1</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答3：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p>设置CSS样式<br>opacity: 0.45</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="wendaright">
<div class="wdluluerwema">
<div class="wdxgwttop">相关问答</div>
<div class="wdxgwtnr">
</div>
<div class="clear"></div>
</div>
<!-- 其他随机问答['id'=>alphaID($like['zid'])] -->
<div class="wdluluerwema">
<div class="wdxgwttop">最新问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/990136987589478179.html">98年农历10月15日是什么星座</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/1990110847174668427.html">佳能70D与佳能6D Mark II哪个好</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/876795516017078132.html">我是新手，倒车入库怎样通过倒车镜看左右之间的距离</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/2140487284706459588.html">文化用品商店搞促销活动，钢笔14元一支，买5支赠2支，一次买5支，那么每支便宜多少钱？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/1862286667482861867.html">云南省 昆明市 文山州 砚山县 农贸市场35号谁知道这个地址淘宝下单地址要怎么选</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/2075155423703462628.html">2014年全国中学生英语能力竞赛高二年级组初赛试题答案</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/1391317745178389140.html">男生长得太帅了会怎样 ？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/1757267793916264548.html">伊川县直中学7（十一）班22266936的成绩</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/1835543924038933260.html">王者荣耀吕布末日机甲皮肤多少钱 王者荣耀吕布末日</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://191i.com/i/3383720.html">"撒哈拉"在阿拉伯语中是什么意思?</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<!-- 移动底部导航 -->
<div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://191i.com/static/old/img/fhtop.png"
title="返回顶部"></a></div>
<div class="dibu">
<div class="dibu">
</div>
</div>
<div class="banquan">
<p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p>
</div>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?530214f19d678452e8fa4098a936ce38";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
