IE之罪

162 阅读1分钟

一个IE就把前端开发这么充满艺术性的工作搞得一摊浑水。为了兼容IE8以上浏览器,工作量至少在正常的基础上增加了20%。


如何让使用的新技术优雅的兼容IE8

  • IE8对css3选择器支持不是很好,如支持:first-child,但又不支持:last-child,如果想更好的使用css3选择器,可以引入IEselectivizr 库。
  • 使用es5 api,引入es5-shim.js
  • 支持css3的媒体查询,引入Respond.js
  • IE8也是不支持css 属性background-size的,可以引入backgroundsize.htc,但元素只能是静态的,如通过js改变了图片后,是不会有效果的。
  • IE8使用滤镜来支持元素透明和背景透明
    • 元素透明:filter:alpha(opacity=0)
    • 背景色半透明(less语法):filter:~'progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)';