IE8 兼容CSS3 rgba属性

时间:2022-12-24 17:10:35

1. 问题介绍

  一般高级浏览器都支持rgba属性,IE6-IE8不支持。

  background: rgba(0,0,0,.6);这里的.6指的是透明度。

2. 解决方案

  background: rgba(0,0,0,.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#19000000);

  startColorstr=#99000000:#后面的8个数字被拆分为两个部分 99 000000 他们对应 AA(IEfilter) GGBBAA(GBA)。

  第一部是#号后面的99 。是rgba透明度0.6的IEfilter值。从0.10.9每个数字对应一个IEfilter值。

  第二部分是 99 后面的六位数,这个是六进制的颜色值,比如rgb(255,255,255)对应#ffffff;就是白色。

  IE8 兼容CSS3 rgba属性