css兼容性

产生兼容性的原因：不同厂商的浏览器或浏览器的不同版本对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]-->

     

属性前缀法：在属性前面加一些浏览器能识别的符号

*color:red            * ie6/7可以识别

  _background:yellow      ie5/6可以识别

!important   ie6不能识别 其他浏览器都可以识别，加了!important优先级最高

选择器前缀法：在选择器前面加一些浏览器能识别的符号