rgba和 opacity的异同
来源:互联网 发布:cf手游版刷枪软件下载 编辑:程序博客网 时间:2024/05/18 00:36
rgba和 opacity都是用于是页面透明的属性。
rgba()表示 红 绿 蓝 alpha ,W3C指在原有的rgb颜色模型之后增加了 “alpha”参数,“可以让制定的颜色透明化”(rgb()上扩展的,其只可以设置颜色,而不能使设置的颜色透明化)。
例子:rgba(55,146,179,.5) ; //rgb值为“55,146,179”,.5使设定的rgb值为50%透明,1为完全不透明,0为完全透明
opacity属性是css3的属性,也可以实现透明效果
例子:opacity:.65; //1为完全不透明,0为完全透明
rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,
而rgba()只作用于元素的颜色或其背景色
两种都不被IE支持(IE9开始支持)
不禁联想到之前做透明效果的按钮时的体验,那时候一直用的是opacity,导致里面的文字也会呈现出一定程度的透明。真正合适的处理方式是按钮的背景使用rgba,就能达到背景透明,而文字不受影响。
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属性样式
- php启用sockets扩展解决phpmailer发送邮件慢
- 用串口终端作为Linux系统控制台
- 在Activiti中使用UUID作为主键生成策略
- gitHUb上边一个效果很好的仪表盘Library
- OpenCV学习12
- rgba和 opacity的异同
- 关于百度地图接入项目的几点
- urllib2.URLError: <urlopen error unknown url type: https>
- Android学习笔记----广播接收者
- JSP及JAVA开发环境的搭建
- IOS学习 Other linker flags和OTHER_LDFLAGS
- AIX 6.1 异步 I/O 的 配置与性能评估
- 自定义viewPager下面的导航按钮
- iOS uinavigationbar的一些属性设置