我的WordPress博客(www.itauthor.com)在IE7, IE8, Chrome和Firefox中显示良好。然而,它根本不显示在IE9中,即使我按下F12并改变显示模式。禁用所有激活的WordPress插件并不能解决问题,但切换到另一个主题可以——所以我的主题中有一些东西是IE9不喜欢的。
然而,我真的很喜欢我正在使用的主题,我已经使用它很多年了,我真的不想要转换主题(并且面对几个小时&因为IE9,我花了几个小时调整PHP。
那么,什么是最好的方法来跟踪是什么导致IE9空白我的网站?
试着让您的站点通过一个验证器来查看潜在的问题。
http://validator.w3.org/有相当多的问题,最好确保您的标记匹配您的doctype。您还应该删除doctype声明之前的任何空白(有3个空白行)由于doctype是XHTML,因此必须正确地关闭标记。顶部的三个css link标签没有关闭,将它们更改为:
<link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/blueprint-wp.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="http://www.itauthor.com/wp-content/themes/blueprint/print.css" type="text/css" media="print" />
你也关闭了一些段落标签,它们不是打开的。只要在验证器页面上解决问题就可以了。
尽管有这些问题,我用默认设置安装了IE9,你的页面呈现得很好。如果您安装了任何IE插件,请确保在没有插件的情况下使用开始菜单中的快捷方式运行IE9并再次测试。
你可以试试:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
作为解决问题的方法。
问题解决:
我最终在IE9中找到了空白页面的答案-或者某些网站的页面无法正确显示。这是IE9中一个已知的bug。它不像Helvetica字体。这个bug只有在你安装了Helvetica的情况下才会出现,这就是为什么大多数人不会遇到这个问题,但是如果你安装了Helvetica,并且你浏览到一个像validator.w3.org这样的网站(在撰写本文时)使用这种字体,那么部分或全部页面将无法显示在IE9中。
访问他人网站的解决方案(一个激烈的解决方案)是卸载你的计算机上的Helvetica,然后IE9将只使用下一个安装在页面的CSS中列出的字体。
如果你是一个网站所有者,你想为其他人修复你的网站,解决方案是从你的网站的样式表中删除Helvetica。
我觉得很奇怪,在微软知道这个错误几个月后,还没有抽出时间来修复它。
<!--[if (gt IE 9)|!(IE)]><!-->
<script src="http://livedemo00.template-help.com/wordpress_45311/wp-content/themes/CherryFramework/js/jquery.mobile.customized.min.js" type="text/javascript"> </script>
<script type="text/javascript">
jQuery(function(){
jQuery('.sf-menu').mobileMenu({defaultText: "Navigate to..."});
});
</script>
<!--<![endif]-->