Question

我正在处理这个个人项目，网站的登录屏幕在IE-9中完全失控有人可以建议我如何解决它？该网页是 http://www.ayeboss.com/users/login

尝试在FF和IE中打开它，你会看到差异。任何输入都将受到高度赞赏

Answer 1

您的页面显示在Quirks Mode，因为您没有a doctype。

添加HTML5 doctype作为解决问题的第一行：

<!DOCTYPE html>

您应始终添加doctype以触发标准模式。

Answer 2

你的html和一些CSS的一些问题。你正在尝试使用CSS3但不能完全使用..

第一次提到DOCTYPE 在IE中，第二个边距和填充都是bugy ...在IE中变为正常值的两倍。（例如，如果你为Fireforx设置保证金，但它们在IE中看起来是双倍的。） 3，你有使用CSS3属性..

-moz-border-radius（它只适用于FF）所以如果你想在IE中看到这个属性的运行..尝试-webkit-border-radius。并阅读这篇文章border-radius
for gradient gradient

Answer 3

用这个

替换你的html标签

<!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">

Answer 4

如果您正在使用html transitional，请使用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

如果您正在使用XHTML 1.0 transitional：

<!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">

如果您从不希望浏览器表现为旧版本。然后添加：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

CSS在IE中无法正常显示（原因是doctype定义）

4 个答案: