CSS 元素透明度被继承的问题

阅读(4282)

当给父元素设置透明度(opacity)时,所有子元素也会继承此opacity属性,都变成透明了。

使用 alpha-transparency,即Alpha通道就能解决这个问题了:


/* @deprecated 不要使用 */
background-color: rgb(0,0,255); opacity: 0.5;

/* @recommended 使用alpha-transparency */
background-color: rgba(0,0,255,0.5);

不支持rgba 的浏览器为 IE8-(含), 见 http://caniuse.com/rgba

仅有 1 条吐槽

  1. IE8不支持