一.需要与那些浏览器兼容
基于用户组确定兼容的浏览器：
(1)面向一般用户
IE8，Chrome，Firefox
)2)企业产品
IE9，Chrome，Firefox
如何理解浏览器市场份额：
百度统计：
二.浏览器兼容方案
1、css的层叠原理
1 div {2 display: -webkit-box； 3显示：-WebKit-flex； 4 display: -moz-box； 5 display: -ms-flexbox； 6 display: flex7 }
如上面的代码所示，即使是相同的属性，后面的值也会复盖前面的值，并忽略对浏览器无效的属性值。
2、条件注释
关于IE6、IE7、IE8、IE9的条件注释，请参考以下代码。
效果：
(1) chrome下：
)2) IE下)如IE8 ) :
这样可以实现各种浏览器的兼容性处理，包括：
1 .ie8 .selector{2 /*样式*/3 }
3、CSS hack
具体示例请参考以下代码。
1 2 3 4
56CSS hack724 25 26 27 28 12329 30 31 32