一个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)';
- 元素透明: