使用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.119
0.233
0.34C
0.466
0.57F
0.699
0.7B2
0.8C8
0.9E5