要实现CSS样式表兼容,大家可以通过以下几种方法。
/* 1. CSS Hack */ /* 在样式名后添加”_”,只在IE6中生效 */ .logo_ { margin-top:10px; } /* 在样式名后添加”\9”,只在IE8及其以下版本中生效 */ .logo { margin-top:10px\9; } /* 在样式中添加”!important”强制应用最终样式 */ .logo { margin-top:20px !important; } /* 2. Conditional Comments */ /* 只对IE6生效 */.logo { margin-top:10px; }/* 只对IE浏览器生效 */.logo { margin-top:10px; }/* 3. Modernizr */ /* 检查浏览器是否支持transform属性 */ if(!Modernizr.csstransforms){ // 兼容处理 } /* 4. Polyfills */ /* 引入兼容性库,实现部分CSS3属性在不支持的浏览器上的兼容处理 */
虽然兼容性处理可能会增加大家的代码量,但这是为了保证用户在不同的浏览器上都能得到良好的体验。同时,在编写CSS样式表时,大家应尽量避免使用过时、被废弃的属性和方法,遵从CSS3规范,这样有助于减少兼容性处理的工作。