关于页面样式兼容问题？

Question

因为页面需要兼容IE8（最低IE8），但是针对一些现代浏览器也需要使用新的html5 与 css3的特性？（视觉体验更好）如何做到兼容性呢？各位前辈在日常的工作中是如何处理这种需求的呢？

Answer 1

一般先看项目的人手是否充足吧。如果人手充足就可以，从下而上渐进增强，先从完整的IE8兼容需求开始做，在需要利用新的不兼容特性情况下单独处理，反之，从上而下优雅降级，先基本完成需求，然后针对低版本在不兼容的地方进行优化处理，可以使用效果较差的方案，例如取消部分css3动画，部分UI不同等等。不过IE8的话在js上需要注意很多东西，例如上传的插件，工具库版本（例如jq）等等。

Answer 2

其实有些特性动画什么的，ie8优雅降级也搞不定。要解决这个问题，建议，首先要在用户分析上着手，调研主要用户浏览器情况，看看ie8占比，根据占比来确定，到底是用优雅降级还是说ie8开始渐进增强。最重要的是保障功能，动画新特性什么的，css不行就用js实现，再不行，ie8就不动呗。