版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

1.css3透明之rgba和opacity

2017-05-24 68

rgba

可以设置颜色的透明度,不继承
R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数| 百分数
A:透明度。取值0~1之间

应用范围:所有使用颜色的地方,如color、border-color、background-color等等地方。

opacity

设置模块的透明度,0-1,继承

示例:

使用opacity,因为其继承,所以需要把遮罩和文字分开,分别定位其上,然后设置遮罩层的opacity。

使用rgba则完全无需考虑这种情况,考虑兼容性ie低版本的时候却不得不使用上面的方法。

因opacity也是css3的属性,所以ie低版本可能需要这样写样式

 .bg{ background:#000; opacity:0.2; filter:alpha(opacity=20);}

这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏