IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）

1.关于在IE浏览器上面的一个旋转问题

IE8不支持css3的transform属性，因此在兼容ie8的时候需要用到滤镜来进行兼容

语法：

兼容c3属性的浏览器在设置旋转属性的时候：
transform:rotate(-30deg);
 -ms-transform:rotate(-30deg);
 -o-tranform:rotate(-30deg);
 -webkit-transform:rotate(-30deg);
 -moz-transform:rotate(-30deg);
可以直接使用c3属性进行设置

IE8在想使用的时候，需要借助滤镜来进行旋转

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.866025404, M12=0.5, M21=-0.5, M22=0.866025404) ;

其中，M11,M12,M21,M22的值是对应的三角函数的cos和sin值
M11 cos
M12 -sin
M21 cos
M22 sin

2.关于在IE浏览器上面的透明度的使用问题

IE8浏览器不兼容rgba()的使用（只支持rgb()），因此，在ie8浏览器上面进行兼容需要借助到滤镜

CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。

具体参数含义如下：

1. opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
2. finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
3. style   指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形  startx   渐变透明效果开始处的 X坐标。 只能style = 1才有效
4. starty   渐变透明效果开始处的 Y坐标。 只能style = 1才有效  finishx 渐变透明效果结束处的 X坐标。  只能style = 1才有效
5. finishy 渐变透明效果结束处的 Y坐标。 只能style = 1才有效

以上的参数可以选用，可以只设置一个opacity

正常的支持rgba()浏览器的样式
div{
    rgba(#333,#fff,#0a0,0.2)//前三个值是颜色值，0.2值的是透明度，1是不透明，0是完全透明
}

在ie8浏览器需要做到的兼容是

div{
    filter:alpha(opacity=0.1);//借助滤镜 alpha进行设置透明度
}