当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS3入门教程(9):RGBA声明

时间:2013-03-02 03:42来源:未知 作者:admin 点击:

标签:CSS3入门教程(9):RGBA声明 Firefox(14)3.05(1)CSS3(90)声明(3)RGBA(2)入门教程(37)
Firefox(3.05+) Google Chrome(1.0.154+) Google Chrome(2.0.156+) Internet Explorer(IE7, IE8 RC1 ) Opera(9.6+) Safari(3, CSS3入门教程(6):多列 多卷 .2.1+ windows) RGBA像RGB一样设置色彩, CSS3入门教程(4):关于阴影 ,而这个ARGBA中的最后一个值容
CSS3入门教程(9):RGBA声明》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332122013.htm

√ Firefox(3.05+…)
√ Google Chrome(1.0.154+…)
√ Google Chrome(2.0.156+&hellip,CSS3入门教程(8):关于透明度;)
× Internet Explorer(IE7, IE8 RC1 )
×,CSS3入门教程(7):嵌入字体; Opera(9.6+…)
√ Safari(3,CSS3入门教程(6):多列 多卷.2.1+ windows&hellip,CSS3入门教程(5):背景图片(背景大小和多背景图);)

RGBA像RGB一样设置色彩,CSS3入门教程(4):关于阴影,而这个”A”——RGBA中的最后一个值——容许咱们设置该元素的透明度,CSS3入门教程(3):边框颜色。就像opacity申明一样,一个opacity值为1的元素是完整不透明的,CSS3入门教程(2):边框半径和圆角,而一个opacity为0的元素是完全透明的。

Tag:CSS3   CSS3  ,CSS3入门教程(10):HSL和HSLA; RGB   CSS3   CSS3   RGB  

在CSS3中的的”RGBA”声明,不仅仅让我们像通常一样设置RGB颜色,而且还能够设置其透明度。

阅读器兼容性

--> [网站建设之]CSS3入门教程(9):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,CSS3入门教程(1):CSS3简介, 1.0); height:20px; }

RGBA当初在Firefox、Google Chrome跟Safari中都有比拟好的支撑,CSS3中背景的四个新的属性,同样不须要前缀。

CSS3 RGBA 颜色


浏览器支持

 

上面的后果有以下款式实现:


(责任编辑:网站建设)
CSS3入门教程(9):RGBA声明相关文章
上一篇:CSS3入门教程(8):关于透明度 下一篇:CSS3入门教程:target伪类简介
回到顶部