使用fliter实现ie下css中rgba的效果
直接举例吧
background-color: rgba(255,255,255,0.8);
设置背景颜色为白色,不透明度设为80%
在ie下可以用fliter这一属性进行设置:
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
具体的设置情况可以看一下这个链接:https://segmentfault.com/a/1190000002433305
其中最后的颜色值是分为两个部分的:前两位是IEfliter值,其对应表如下,后面的则是六进制颜色值。
rgba透明值 | IEfliter值 |
0.1 | 19 |
0.2 | 33 |
0.3 | 4C |
0.4 | 66 |
0.5 | 7F |
0.6 | 99 |
0.7 | B2 |
0.8 | C8 |
0.9 | E5 |