各浏览器之间的css差异，常见IE兼容性问题

1、IE不支持模板字符串，需要兼容IE的项目，千万不要写模板字符串；

2、IE与谷歌等浏览器的默认字体不同，在css初始化样式的时候，最好设置一个默认字体；

3、IE9以下不支持flex布局；

4、有的IE版本不支持css设置值为none，可以写0；

5、background: url(…/images/member_right.gif) 0 -35px ; IE和chrome中 -35后面的’px’可要可不要,但是firefox则必需加上,Safari和Opera暂无测试;

6、padding属性；IE设置该属性后，div会增加height和width,但firefox和chrome不会,Safari和Opera暂无测试;

7、每一种浏览器默认的盒子的内外边距的大小不一样，所以就会造成浏览器不兼容，我们就必须处理这个问题，所以我们在开始的时候就必须将内外边距设置为0px（即margin：0px；padding：0px；）；

8、css只在IE生效的方法（兼容某些样式）：在值背后加上\9、\0，兼容ie9，ie10

9、cursor:hander;在IE下显示正常,只火狐下有问题；

10、设置font-size，小于12px的时候，谷歌会默认为12px，IE不会；

11、IE严格检查模式，标签属性不能有相同的出现，如两个class；会报错白屏。

12、IE9以下不支持border-radius；设置无效

13、IE的activeElement拿到的是焦点dom，谷歌等拿到的是body；

未完待续。。。
欢迎补充和更正