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 |
第二部分是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');
-ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../img/box_13_type_2_bg.png', sizingMethod='scale');
sizingMethod “scale|crop|image” 可选项
crop:剪切图片以适应对象尺寸。
image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale:缩放图片以适应对象的尺寸边界。
image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale:缩放图片以适应对象的尺寸边界。