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

最新推荐文章于 2021-09-17 10:08:39 发布

原创最新推荐文章于 2021-09-17 10:08:39 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #IE #CSS #Firefox

前端技术专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一种在CSS中实现跨浏览器兼容性的方法，通过使用特定字符组合来为不同版本的IE浏览器提供定制化的样式表现，同时确保其他现代浏览器的正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 */
}