rgba语法:
rgba(0, 0, 0,0.5);
第一个参数:R 红色(0-255)
第二个参数:G 绿色(0-255)
第三个参数:B 蓝色(0-255)
第四个参数:透明度(0-1)
使用rgba指定颜色的好处是:任何位置的颜色,使用rgba指定,都可以通过设置第四个参数来调整透明度。不仅仅可以设置背景色的透明度。
使用rgba指定背景透明和使用opacity指定背景颜色的透明度的区别:
1、使用opacity指定背景颜色的透明度时,其内容也一起被设置透明度,导致内容模糊。如果不想内容模糊,只能如下处理:
(单独设置一个元素做背景透明设置,其内容反而不在它内部)
<div class="bg">
</div>
<div class="bg-content">
<p>我是bg的后代元素,我不想我的前景有任何透明!怎么办?</p>
</div>
2、使用rgba指定背景颜色,可以通过调整最后一个参数值小于1来设置背景透明,而不会影响其内部的元素透明度
相关文章
- 05-24如何成为一个更好的Android开发者?吐血整理
- 05-242021年展望Android原生开发的现状,重难点整理
- 05-24安全检测点的一些梳理——待长期整理
- 05-24模式识别及神经网络期末复习知识整理
- 05-24JDK 1.8新特性整理-日期时间 API (七)
- 05-24css3 实现数字滚动的动画组件 (react版)
- 05-24git整理
- 05-24SqlServer快捷键整理
- 05-24LR常见问题整理
- 05-24Autosar OS经典笔记整理:公众号(huihuige092)