rgba()和opacity的区别
来源:互联网 发布:es6 数组的遍历 编辑:程序博客网 时间:2024/06/04 18:44
R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数 | 百分数
A:Alpha透明度。取值0~1之间。取值 为0表示完全透明,取值为1时表示完全不透明。
rgba()和opacity都能实现透明效果,但区别在于
rgba()只作用于元素自身的颜色或背景色,对元素的内容没有影响;
opacity在作用于元素自身的颜色或背景色的同时,也作用于元素内的内容的透明度
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.rgba{
width:200px;
height:200px;
background: rgba(255,0,0,0.5);
}
.opacity{
margin-top: 20px;
width:200px;
height:200px;
background: red;
opacity: 0.5;
}
</style>
</head>
<div class="rgba">rgba</div>
<div class="opacity">opacity</div>
</body>
</html>
0 0
- rgba()和opacity的区别
- rgba()和opacity的区别
- 关于opacity和rgba()的区别
- 透明效果opacity和rgba()的区别
- rgba和opacity的区别及应用
- CSS3的rgba、opacity和filter的区别和详解
- rgba()和opacity的使用
- rgba()和opacity的比较
- rgba()和opacity的使用
- rgba和 opacity的异同
- CSS:透明度 opacity与rgba()的区别
- opacity和rgba()
- 其中的opacity 和 rgba设置背景透明度的用法和区别
- rgba和opacity的区别、修改表单中的placeholder属性样式
- 设置元素透明,opacity与rgba的区别
- opacity 与 rgba 的问题
- rgba()和opacity的透明效果有什么不同?
- rgba()和opacity的透明效果有什么不同?
- jQuery学习教程十三: jQuery
- /etc/passwd和/etc/shadow解析
- Thinking in Java 第9章 违例差错控制 总结
- 内核模块的编写
- reviewboard + svn 进行代码审核和版本控制
- rgba()和opacity的区别
- DC系数和AC系数
- 游戏开发完整学习路线
- Servlet生命周期
- Caffe使用:如何将一维数据或其他非图像数据转换成lmdb
- Swift和OC控制器互相跳转
- 解决QT中错误error: QApplication: No such file or directory #include <QApplication>
- 网易云信短信验证
- linux下select()函数以及FD_ZERO、FD_SET、FD_CLR、FD_ISSET