css通过设置透明度可以得到遮罩效果，今天咪咪我就来给大家讲解一下css透明度的设置方法。
如图，打开webstorm，然后新建一个html界面，在html界面里面我添加了一个p标签。
02接着我们给body标签设置背景，这里我就随意的给body标签添加了一个背景。
03之后，打开浏览器预览，可以看到body已经拥有了背景。
04接着我们再设置p的宽度高度并且设置成蓝色背景。
05再去预览看看效果，可以看到p有了蓝色的背景，但是背景是不透明的，所以它就把原来body的背景给覆盖掉了。
06之后我们修改p的背景，如图所示，使用rgba,括号里面的最后一个参数0.4就是设置透明度的，透明度从0到1，越小表示越透明。前面三个参数是设置颜色的。
07之后，再来看看效果。此时的p已经有了半透明的背景，所以它就不会覆盖掉body的背景了哦，这样就可以得到遮罩效果，非常神奇哦。
本文地址：网络知识频道 https://www.hkm168.com/jiqiao/1048427.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！
相关阅读
