ie8兼容问题

306 阅读1分钟

文件下載(ie10)

  • 注意ie8 下载只能通过url下载
    if (window.navigator && window.navigator.msSaveOrOpenBlob) { 
     window.navigator.msSaveOrOpenBlob(blob, fileName); 
    } else {
    var objectUrl = URL.createObjectURL(blob);
    window.open(objectUrl);
   }

polyfill是什么

  • polyfill的概念:用于实现浏览器并不支持原生API的代码。

polyfill和shim的区别:

  • 一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现。
  • 一个polyfill就是一个用在浏览器API上的shim。

圆角兼容

  • 引入PIE.htc
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
border-radius: 15px; 
behavior: url(./PIE.htc);//文件必须和html同级 
position: relative;

兼容opacity:

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4)

ie8不兼容rgba的解决

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2C4323D,endColorstr=#B2C4323);
  • 关于透明度和IEfilter之间的换算:
rgba透明值IEfilter
0.119
0.233
0.34C
0.466
0.57F
0.699
0.7B2
0.8C8
0.9E5

关于ie8下监听input事件

$('textarea').bind('input propertychange', function() {  
  console.log($(this).val());  
});

去除IE浏览器的input标签自带的清除按钮

/* 文本输入框删除按钮 */ 
input::-ms-clear{display: none;} 
/* 密码框小眼睛 */ 
input::-ms-reveal{display: none;}