推荐回答（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://www.yizhanzhixiao.com/link/688915662757363452.html">大家谁知道，扫码 点餐的工具哪个好用啊？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/396774144489232565.html">海容模块有几种型号的？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/2012437207134855868.html">极限挑战孙红雷杀死张艺兴时的背景音乐叫什么</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/2126044468790940147.html">卡西欧表城市代码</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/1372201028244040019.html">求一些书籍，对构思剧情，写小说，提高写作水平有用的。想试着写小说。</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/876817676753436812.html">塔吊吊钩三档提不起了是怎么回事</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/563164170147150444.html">oppo手机有安全中心，还需要安装手机管家吗</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/374343878504392924.html">我们国家的网络还是租用美国的吗？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/1884022606639055468.html">成都市哪个医院治疗肺癌好？可不可以不要给我千篇一律的答案？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.yizhanzhixiao.com/link/1502037926480968459.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://www.yizhanzhixiao.com/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div>
<div class="dibu">
<div class="dibu">
</div>
</div>
<div class="banquan">
<p>内容全部来源于网络收集，如有侵权，请联系网站删除！</p>
</div>
</div>
</div>
</div>
<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node69.aizhantj.com:21233/tjjs/?k=e9vwv3jvamj"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script>
</body>
</html>
