rgba()和opacity的比较
来源:互联网 发布:抓取客户端数据工具 编辑:程序博客网 时间:2024/06/08 03:08
rgba()和opacity的比较
这段时间我想用opacity给背景加个透明度,但是发现它里面的子元素也继承了;如果你只是想给遮罩层加个透明度(就像优酷登陆时弹出的遮罩层上面是登陆框,如果登陆框也透明,你想想那是什么感觉)。当然解决的方法也有就是用平级元素,然后再定位;这就麻烦了!下面就引出css3中的rgba();
rgba语法:R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数| 百分数A:透明度。alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。
对比:rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,
而rgba()只作用于元素的颜色或其背景色
w3c上面的:
1. HSL 颜色值是这样规定的:hsl(hue, saturation, lightness)。
2. HSL 指的是 hue(色调)、saturation(饱和度)、lightness(亮度) - 表示颜色柱面坐标表示法。
3. Hue 是色盘上的度数(从 0 到 360) - 0 (或 360) 是红色,120 是绿色,240 是蓝色。
4. Saturation 是百分比值;0% 意味着灰色,而 100% 是全彩。
5. Lightness 同样是百分比值;0% 是黑色,100% 是白色。
HSLA 颜色
HSLA 颜色值是 HSL 颜色值的扩展,带有一个 alpha 通道 - 它规定了对象的不透明度。
HSLA 颜色值是这样规定的:hsla(hue, saturation, lightness, alpha),其中的 alpha 参数定义不透明度。alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。
0 0
- rgba()和opacity的比较
- rgba()和opacity的使用
- rgba()和opacity的使用
- rgba和 opacity的异同
- rgba()和opacity的区别
- rgba()和opacity的区别
- 关于opacity和rgba()的区别
- 透明效果opacity和rgba()的区别
- rgba和opacity的区别及应用
- opacity和rgba()
- CSS3的rgba、opacity和filter的区别和详解
- opacity 与 rgba 的问题
- rgba()和opacity的透明效果有什么不同?
- rgba()和opacity的透明效果有什么不同?
- CSS3 透明属性 RGBA 和 opacity
- CSS:透明度 opacity与rgba()的区别
- 其中的opacity 和 rgba设置背景透明度的用法和区别
- rgba和opacity的区别、修改表单中的placeholder属性样式
- JAVA内部类使用,什么时候该使用内部类及使用内部类的好处
- Max space clustering (Hamming)
- HTTP Content-type对照表
- 移动端页面性能探究
- Android:静态注册BroadcastReceiver
- rgba()和opacity的比较
- C++中派生类和基类的转换和访问控制
- 用Java代码删除一个已排好序链表中重复的数字
- 基于V4L2 MFC 视频编解码
- ZOJ 2954 Hanoi Tower(模拟啊 )
- 一个程序员的慢慢爬坑之路吧。。
- JavaIO编程之ReadLine
- 集群管理笔记
- 一五年四月六日