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;
}