rgba()和opacity的使用
来源:互联网 发布:java 格式化数字 编辑:程序博客网 时间:2024/06/01 11:12
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开始支持)
若要为使浏览器兼顾怎么办,下面举例可以解决这个问题:
background:rgb(55,146,179); /*for IE*/
background:rgba(55,146,179,.25); /*for browsers that support RGBA*/
- 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属性样式
- POJ Flip Game
- 我喜欢的小说杀神最新章节 第九百二十章 玩的溜啊!
- POJ 1061 青蛙的约会
- 宏定义使用
- ubuntu11.10 中gedit 中文乱码显示解决
- rgba()和opacity的使用
- Android自定义View研究(七)--XML中布局自定义View时View触摸原点问题
- -1.#IND0 1.#qnan0
- eclipse中删除某一行
- Android 代码用来返回上一个activity 调用onKeyDown()时发生java.lang.NullPointerException.
- 平衡树的练习
- Matcher Pattern
- 用Java实现一个简单的服务器与客户端程序
- Android自定义View研究(六)--View中的原点坐标相关问题