CSS HACK IE7/IE8

调试时发现显示的内容在搜狗和360上显示的效果不一样。

检查浏览器的版本时发现，搜狗版本是ie7，360浏览器版本是IE8。

这是搜狗下显示的效果。

 

这是360下显示的效果。

 

在浏览器的地址输入框里输入代码：javascript:alert(navigator.userAgent);  在弹出的对话框里就可以查看浏览器的版本。

之前知道IE6/7都能识别*。但是IE8下，对我写的带*的代码没有反应。后来上网查发现在代码后面加“\0”后。IE8就可以识别。

原始代码

.re_btn, .su_btn{
    height:25px;
    width:53px;
    border:1px #bfd8e1 solid;
    *padding:1px 3px 3px 10px;
    *line-height:22px;
    *text-indent:3px;
}

修改后的代码

.re_btn, .su_btn{
    height:25px;
    width:53px;
    border:1px #bfd8e1 solid;
    *padding:1px 3px 3px 10px;
    line-height:22px\0;
    *line-height:22px;
    *text-indent:3px;
}

修改后代码IE8下显示效果为

还有一种代码

.re_btn, .su_btn{
    height:25px;
    width:53px;
    border:1px #bfd8e1 solid;
    *padding:1px 3px 3px 10px;
    line-height:22px\9;
    *text-indent:3px;
}