IE兼容性问题

1.ie 8不兼容 background: rgba();

通过滤镜来解决

background: rgba(255,255,255,.1);//火狐，谷歌等
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);//兼容IE

颜色  #19ffffff由两部分组成

第一部分#后面的19为rgba透明度0.1的IEfilter值，对应关系如下：

rgba透明度	IEFilter值
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

计算方法：alpha*255，向下取整，然后转换成16进制 ，如01.*255=25.5，向下取整25，转成16进制就是19.

第二部分是19后面的6位，为6位的16进制颜色值，与rgb中的一致即可，如rgb(255,255,255)对应 ffffff。

2.ie 8不兼容background-size

在谷歌等浏览器下 background-size:100%或background-size:cover;

在IE8下：

filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../img/box_13_type_2_bg.png', sizingMethod='scale');  
-ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../img/box_13_type_2_bg.png', sizingMethod='scale');

sizingMethod  “scale|crop|image” 可选项

     crop：剪切图片以适应对象尺寸。 
　　image：默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 
　　scale：缩放图片以适应对象的尺寸边界。