CSS3之RGB颜色的设置介绍

来源:爱站网时间:2022-10-03编辑:网友分享
本篇文章主要给大家来介绍下有关于CSS3之RGB颜色的设置内容,如果你需要了解清楚这方面的知识点,不妨来看看爱站技术频道小编所整理的资料吧!

RGBA像RGB一样设置颜色,而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样,一个opacity值为1的元素是完全不透明的,而一个opacity为0的元素是完全透明的。
浏览器兼容性
RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持,同样不需要前缀。 CSS3 RGBA 色彩

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…)

CSS3之RGB颜色的设置介绍不知道各位小伙伴都看明白了没有,在我们爱站技术频道网站,有很多精彩的技术文章内容,如果你喜欢可以随时来关注收藏。 

上一篇:CSS样式表代码优化的详细介绍

下一篇:CSS3之透明度的详细介绍

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载