【转】利用CSS hack方法兼容各版本IE浏览器及其FireFox浏览器

 

CSS中通常通过搭配使用「\9」「*」(星号)以及「_」(下划线)来让浏览器正确的读取到自己看得懂得CSS语法。

IE8 及 以下的

对于IE8 及以下的的浏览器，用一个hack,那就是在你的样式属性末尾处添加 “ \9 ” 。

例如：

body {
 color: red; /*支持所有的浏览器*/
 color : green\9; /* 支持IE8 及 以下的 */
}

 

IE7 及 以下的

当然要使用 “ * ” ，它只有IE6和IE7可以认出来，IE8和其它的浏览器不做处理。

body {  
 color: red; /*支持所有的浏览器*/
 color : green\9; /* 支持IE8 及 以下的 */
 *color : yellow; /* 支持IE7 及 以下的  */  
}

 

IE6

“ _ ” 下划线只针对Internet Explorer 6 。

body {
 color: red; /* all browsers, of course */
 color : green\9; /* IE8 and below */
 *color : yellow; /* IE7 and below */
 _color : orange; /* IE6 */
}

 

 

 

    开发者按照如上的顺序配置CSS相关属性，即可达到IE各版本以及其它浏览器间的CSS兼容。

 

 

 

    2010-11-18 更新： IE8也有自己单独识别的标识 "\0"，因此兼容Firefox和IE个版本浏览器的Hack方法按如下方法：

 

body {
 color: red; /* all browsers, of course */
 color : green\9; /* IE8 and below */
 color : pink\0; /* IE8 */
 *color : yellow; /* IE7 and below */
 _color : orange; /* IE6 */
}