万恶的 IE…..
啥高科技都用不了,有时候项目需要兼容实在蛋疼,这里整理下解决方案。

参考

  • css 圆角 和 阴影(PIE - 实现圆角和阴影)
  • css background-size(background-size-htc - 实现背景大小设置,可惜只兼容到 IE8)
  • css border-spacing IE 6 7 不支持(给 td 设置高度模拟)
  • css border-box (box-sizing-polyfill)
  • 表单元素的 placeholder(jquery.placeholder - 简单粗暴)
  • IE9+ 使用 ES6 新语法。
  <!-- 要放在其他 JS 之前,作用是可以使用 ES6 的语法,let、const、箭头函数等 -->
  <script src="https://cdn.bootcdn.net/ajax/libs/babel-core/5.8.24/browser-polyfill.min.js"></script>

  <!-- 用 ES6 语法写的 JS 文件(由于异步加载,会延迟执行)-->
  <script type="text/babel" src="./es6.js"></script>

  <!-- 用 ES5 语法写的 JS 文件(会在 es6.js 之前执行) -->
  <script src="./normal.js"></script>

  <!-- 要放在最后,用于执行 JS,同时可以使用 Promise,async,await 等新语法 -->
  <script src="https://cdn.bootcdn.net/ajax/libs/babel-core/5.8.24/browser.min.js"></script>