IE9 显示网站的扭曲版本

Posted

技术标签:

【中文标题】IE9 显示网站的扭曲版本【英文标题】:IE9 displaying distorted version of website 【发布时间】:2013-01-27 11:10:40 【问题描述】:

This website 在 Chrome 和 Firefox 中显示正常,但在 IE9 中显示为左对齐,并且图片库也倾斜。

我不明白为什么 IE9 会显示如此不同的显示。

【问题讨论】:

【参考方案1】:

第 3 方网络公司更改了 Opencart 模板,在 head 元素之前包含一个脚本元素,这显然使 IE 进入了怪癖模式。

感谢 Frankie on CodingForums.com 为我解决此问题。

他的帖子:

通过把它放在 doctype 之前,你命令 IE 进入 quirks 模式:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
        $.noConflict();
                jQuery(document).ready(function() 
                  jQuery(".the-content").hide();
                  jQuery(".the-head").click(function()       
                    jQuery(this).next(".the-content").slideToggle(500);
                  );
                );
</script>
<?xml version="1.0" encoding="UTF-8"?>

把它放在脑袋里。您可以删除最后一行。你不需要它,它会启动 IE6。

【讨论】:

以上是关于IE9 显示网站的扭曲版本的主要内容,如果未能解决你的问题,请参考以下文章

恳请服务器方面的高手帮忙,谢谢!系统WIN 2008 R2, IE9,网站的有些图片就是不能显示,左上角一个叉。

为啥 IE9 在我的网站上切换到兼容模式?

改变网页的兼容性模式

同一域的 IE9 中的 Script5 访问被拒绝

IE9 的 Flexbox 替代品

解决IE9以下版本浏览器不支持HTML5标签的问题