写完网站后,测试兼容性。
IE 11、Chrome、FireFox都可以用。
唯独在360浏览器下的兼容模式下打开出现控件偏移的问题。(极速模式和IE11模式都是可以的)
估测极速模式使用Chrome内核,而IE11模式使用IE11内核。而兼容模式使用的是IE6内核(偏偏还是360极速的默认模式)。
找了点资料,记录下解决方法。
1、在html文档head标签下,添加如下命令:
<meta http-equiv="X-UA-Compatible" content="IE=8">
意思是,使用IE8以上内核打开。
2、因为内核版本差异,造成这种原因还是因为ie6的css解析出问题。
可以在.css文件中修改:
.resetbutton
{
width:74px;
background:url(../Images/Login/login_reset.png);
border:none;
height:24px;
display:inline; //加入这一行!!!!即可。
}