CSS 实现背景半透明

浏览数：26 / 时间：2015年06月09日

　　IE过渡滤镜 + CSS3 rgba 即可完美实现。

　　具体实现代码如下：

?
1
2
3
4
5
6
7
.transparent {
    background:rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=‘#4c000000‘, EndColorStr=‘#4c000000‘);
}
:root .transparent {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=‘#00000000‘, EndColorStr=‘#00000000‘);
}

　　提示：IE9 支持 filter 与 rgba 属性，这会导致其背景透明度双倍叠加！

      解决：使用 :root 伪类为 IE9 单独写 HACK 并将其透明度降为 0 即可。

CSS 实现背景半透明,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： it color class html 类 代码 blog la a gb tr it color class html 类 代码 blog la a gb tr

相关文章

随机文章

您可能还喜欢

您可能还喜欢