由于某种原因，图像未在 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

在 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" as ajp15243。删除它以查看 IE8 和 9 问题是否消失当然是值得的。

Answer 2

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

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

编辑根据评论：

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

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

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

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

Images are not showing up in IE 8 or IE 9 for some reason

html

javascript

css

jquery

internet-explorer