首页 相关文章 CSS实现透明效果颜色的方法:RGBa

CSS实现透明效果颜色的方法:RGBa

RGBa是一种在CSS中声明包含透明效果的颜色的方法,它的语法是这样的:

123
div {   background: rgba(200, 54, 54, 0.5);}

它允许我们为元素添加透明色。或许我们习惯了使用opacity,它很简单易用,但是,opacity会使所有的子元素都变成透明的,而且很难去解决这个问题。(除非使用怪异的定位hack) 跨浏览器透明同样颇为棘手。

通过RGBa,我们可以将一个元素设置为透明,而不会影响其子元素:

声明一个保留颜色

并非所有的浏览器支持RGBa,所以如果允许的话,可以声明一个保留色彩。这个色彩应该是可靠的所有的浏览器都支持。不声明就意味着,在不支持RGBa的浏览器里面,没有使用颜色。

[ 查看全文 ]

2016-02-19 标签:

CSS实现透明效果颜色的方法:RGBa的相关文章

手机页面
收藏网站 回到头部