CSS 元素透明度被继承的问题
阅读(4491)当给父元素设置透明度(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 。
IE8不支持