产生兼容性的原因：不同厂商的浏览器或浏览器的不同版本对css的支持、解析不一样，导致在不同浏览器的环境中呈现出不一样的页面展示效果
解决兼容性的方法：①CSS reset
②CSS hack
css reset：通过重置css默认样式来解决最基本的兼容性问题。
css hack：为了获得统一的的页面效果，针对不同浏览器或不同版本写特定的css样式
css hack:①css属性前缀法
②选择器前缀法
③ie条件注释法
ie条件注释法:(在html头部引用if ie)
| 只在IE下生效 | <!--[if IE]>这段文字只在IE浏览器中显示<![endif]--> |
| 只在IE6下生效 | <!--[if IE6]>这段文字只在IE6浏览器中显示<![endif]--> |
| 只在IE6以上版本生效 | <!--[if gte IE6]>这段文字只在IE6(包括)以上浏览器中显示<![endif]--> |
| 只在IE8上不生效 | <!--[if ! IE8]>这段文字只在非IE8浏览器中显示<![endif]--> |
| 非IE浏览器生效 | <!--[if ! IE]>这段文字只在非IE浏览器中显示<![endif]--> |
属性前缀法：在属性前面加一些浏览器能识别的符号
扫描二维码关注公众号，回复：
16517972 查看本文章
*color:red * ie6/7可以识别
_background:yellow ie5/6可以识别
!important ie6不能识别 其他浏览器都可以识别，加了!important优先级最高
选择器前缀法：在选择器前面加一些浏览器能识别的符号