我一直在为大学开发一个PHP项目,因为我对PHP很垃圾,所以我的设计非常简单,所以我可以专注于编程方面。现在节目正在进行中我正在进行设计。该网站在Chrome和其他webkit浏览器中看起来很不错,但在IE9中看起来很糟糕。主要问题是......
1 - 背景图像将div扩展为完整图像大小,而在webkit中只填充div大小。
2 - 内容不居中,而是向左浮动。
有没有人知道我可以使用任何脚本/黑客来让IE像其他浏览器一样执行?我现在唯一使用的是Modernizr。
如果网站有帮助,您可以在此处查看该网站 - http://newmedia.leeds.ac.uk/ug10/cs10cwh/pod/index.php。
答案 0 :(得分:4)
Modernizr可以提供帮助,特别是如果您使用的是html5和css3等新功能。另一件可以帮助的是样板代码,我个人喜欢html5reset。
其中一个特别的事情就是帮助你很多:如果我在IE中查看你的网站它会说它进入Quirks模式,使得IE7,8和9表现得很好......好吧......古怪:)将以下元标记放在您的头部中以改进IE的内容:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
您可以通过调出开发人员工具栏(F12)来查看正在运行的“浏览器模式”和“文档模式”IE,您可以暂时调整它以进行浏览会话,看看如果文档模式是“IE9标准”会发生什么”
简短的更新。您可能还想尝试使用w3 validator。它为您的网站带来的错误之一:
Line 1, Column 15: Comments seen before doctype. Internet Explorer will
go into the quirks mode.
未封闭的标签上也有一些错误,可能会导致渲染。
答案 1 :(得分:2)
我们所做的是为IE版本使用单独的.css,在根目录中我们确定浏览器并包含.css
因此,请为所有浏览器包含正常的CSS,并且IE版本包含特定的.css文件,该文件会覆盖主样式表的必要参与方。
编辑:就像Jeroen所说的那样,强制IE渲染它的真实模式,而不是一些兼容或怪异的东西。