由于某种原因，图像未在 IE 8 或 IE 9 中显示

Question

我的网站只是显示一个主图像，其下方有一个图像滑块。这些图像不会出现在 IE 8 或 IE9 中，但会开始出现在 IE10 中。

画廊的 HTML 很简单：

<div class="fotorama"
     data-nav="thumbs"  
     data-width="100%"
     data-ratio="800/600"
     data-minwidth="350"
     data-maxwidth="700"
     data-minheight="300"
     data-maxheight="100%"
     margin-top= -5%;>
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">

</div>

以下是在 IE8/IE9 中未显示的图片截图：

它在 IE10 中：

“fotorama”的 css 在这里：

http://testsite24.netai.net/public/css/fotorama.css

这里还有js代码：

http://testsite24.netai.net/public/js/fotorama.js

如果 IE8/9 不支持此处的必要功能，您能否为这些版本推荐一个备用解决方案？非常感谢！

完整的演示站点：http://testsite24.netai.net/public/demo6.html

Answer 1

您的显示器由 fotorama.js 脚本提供支持，该脚本在 IE8 和 IE9 中存在错误，因此无法正常工作。

此脚本使用 Javascript 控制台（在第 1296 行至少一次）。在 IE8 和 IE9 中，只有在开发者工具处于活动状态时才会创建 Javascript 控制台。

编辑基于 cmets：

如果本机不存在虚拟控制台，则一种可行的方法是创建一个虚拟控制台，例如：

<script>
if (!window.console) {
    window.console = {
        log: function() {}
    };
}
</script>

现在，如果有人执行 console.log(something)，它不会导致错误。

Answer 2

在IE8模式下使用IE11的Dev Tools，popunder.js报错，是由“Hosting24 Analytics Code”添加到文档中的：

<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->

但是页面仍然正确呈现。我无法轻松访问实际的 IE8 或 9。您可以删除该脚本吗？还是托管公司自动强制进入？该问题可能 100% 是由免费托管引起的。您是否可以访问可以对其进行测试的其他服务器？无论如何，您发布的 HTML 没有任何问题*，看起来 Fotorama 试图支持 jQuery 1.x 支持的所有浏览器，因此 Fotorama 似乎不是问题所在，尽管那将是下一个我要去的地方。

*编辑：除了上面评论中提到的“margin-top”，如 ajp15243。当然值得删除它以查看 IE8 和 9 问题是否消失。