关于页面样式兼容问题？

Question

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

Answer 1

之前做过一个，后来专门为IE写了一套css，用css hack写了一下，只在ie内加载

Answer 2

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

不过IE8的话在js上需要注意很多东西，例如上传的插件，工具库版本（例如jq）等等。

Answer 3

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

最重要的是保障功能，动画新特性什么的，css不行就用js实现，再不行，ie8就不动呗。

Answer 4

zk的低版本支持IE....

Answer 5

ie8，不要用flex，不要用CSS3，不要用渐变背景……
基本只能按照上世纪float去写页面吧。

Answer 6

可以加上判断的，但是ie浏览器打开的时候，加载兼容ie的代码，不过能避免那些新的属性，尽量避免，兼容性确实不好处理

Answer 7

我做的前端大多都是基于pc端大部分都是要考虑IE8兼容性问题的，没有办法，IE8,9都是有好多限制，所以对于一些h5和css3的效就只能按权责先放弃使用，这个就看自己公司对兼容性要求的的程度大不大，如果不大，用来增强视觉效果还是可以的，对IE处理可以采用hack的方法，单独写一套仅限IE使用。火狐下也有兼容性问题，有一些效果也需要单独处理的~

Answer 8

请参考 Bootstrap 3