CSS3教程(9):设置RGB颜色



使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。
使用新的CSS3的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。
上一篇文章:CSS3教程(8):CSS3透明度指南
RGBA像RGB一样设置颜色,而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样,一个opacity值为1的元素是完全不透明的,而一个opacity为0的元素是完全透明的。
浏览器兼容性
RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持,同样不需要前缀。 CSS3 RGBA 色彩

上面的效果有以下样式实现:
div.rgbaL1 { background:rgba(153, 134, 117, 0.2); height:20px; } div.rgbaL2 { background:rgba(153, 134, 117, 0.4); height:20px; } div.rgbaL3 { background:rgba(153, 134, 117, 0.6); height:20px; } div.rgbaL4 { background:rgba(153, 134, 117, 0.8); height:20px; } div.rgbaL5 { background:rgba(153, 134, 117, 1.0); height:20px; }
浏览器支持
  • Firefox(3.05 …)
  • Google Chrome(1.0.154 …)
  • Google Chrome(2.0.156 …)
  • Internet Explorer(IE7, IE8 RC1 )
  • Opera(9.6 …)
  • Safari(3.2.1 windows…)



相关阅读:
Ubuntu Linux启动时黑屏的最佳解决方案
jquery操作select option 的代码小结
在IE下拖动滚动条时border消失的解决方法
国外的为初学者写的JavaScript教程
javascript 函数介绍
PHP调用三种数据库的方法(1)
比较漂亮的一个导航条的效果DIV+CSS
HTML教程:收集的常用的HTML标签(5)
js 深拷贝函数
asp实现取得数组中的最大值的代码
ASP在SQL Server 2000中新建帐号和权限
了解如何减少 reflow 次数
asp获取当前文件名的代码
玩转jQuery按钮 请告诉我你最喜欢哪些?
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4