IE兼容性问题

来源:互联网 发布:sql去重 编辑:程序博客网 时间:2024/06/05 05:48

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.1190.2330.34C0.4660.57F0.6990.7B20.8C80.9E5计算方法: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:缩放图片以适应对象的尺寸边界。

原创粉丝点击