它允许我们为元素添加透明色。或许我们习惯了使用”opacity“,它很简单易用,但是,opacity会使所有的子元素都变成透明的,而且很难去解决这个问题。(除非使用怪异的定位hack) 跨浏览器透明同样颇为棘手。
通过RGBa,我们可以将一个元素设置为透明,而不会影响其子元素:
并非所有的浏览器支持RGBa,所以如果允许的话,可以声明一个保留色彩。这个色彩应该是可靠的——所有的浏览器都支持。不声明就意味着,在不支持RGBa的浏览器里面,没有使用颜色。
浏览器,版本,操作系统 | 测试结果 | 退路 |
---|---|---|
Firefox 3.0.5 (OS X, Windows XP, Vista) | 支持 | — |
Firefox 2.0.0.18 (PC) | 不支持 | 纯色 |
Safari 4 (Developer Preview, Mac) | 支持 |