IE8 CSS HACK 兼容集合

来源：互联网发布：城市规划纪录片知乎编辑：程序博客网时间：2024/06/15 12:54

"\9"　例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*"　IE6、IE7可以识别.IE8、FireFox不能.
"_"　IE6可以识别"_",IE7、IE8、FireFox不能.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /><title>区别IE6、IE7、IE8、FireFox的CSS hack</title><style type="text/css"><!--#test,#note{    margin:0 auto;    text-align:center;    }#test {    width:200px;    height:30px;    border: 1px solid #000000;    color:#fff;    line-height:30px;}.color{    background-color: #CC00FF;        /*所有浏览器都会显示为紫色*/    background-color: #FF0000\9;    /*IE6、IE7、IE8会显示红色*/    *background-color: #0066FF;        /*IE6、IE7会变为蓝色*/                _background-color: #009933;        /*IE6会变为绿色*/}--></style></head><body><div id="test" class="color">测试方块</div><div id="note"><strong style="color:#009933">IE6</strong><strong style="color:#0066FF">IE7</strong><strong style="color:#FF0000">IE8</strong><strong style="color:#CC00FF">FireFox</strong></div></body></html>

0 0