1

我在购买的名为 YALU 的多用途模板中使用 Fancybox。但是 Fancybox iframe 在 IE 8 中不起作用。覆盖打开，但没有加载任何内容（白色内容）。我还尝试禁用fancybox中的预加载功能，但没有任何效果。

所有其他浏览器（Firefox、Chrome，甚至 IE 9）都运行良好。您可以在这里查看（单击第一个示例图像）。

几天来我一直在寻找解决方案，但还没有找到任何解决方案。

以下是模板中的一些源代码：

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
[...]

这是 jquery 脚本的一部分：

jQuery(window).load(function($) {
if(jQuery().fancybox) {
    jQuery('.openfancybox').fancybox();
} 
[...]

这是我的标签：

<a data-fancybox-type="iframe" href="404.html" class="openfancybox fancybox.iframe">...</a>

任何人都可以帮忙吗？

提前致谢

4

2 回答 2

2

我解决了这个问题

这是由已设置为position:relative的 html-tag 的错误 css 声明引起的

更改为绝对解决了 IE8 的问题。事实上，我真的不明白这一点，但它有效，这就是我想要的。

谢谢你的帮助

于 2013-07-25T10:31:02.467 回答
0

尝试iframe preload在您的代码中禁用，例如：

if (jQuery().fancybox) {
    jQuery('.openfancybox').fancybox({
        iframe: {
            preload: false // fixes possible issues with iframes and IE
        }
    });
}

检查此以供进一步参考。

编辑＃1：

我不认为这是与花式框相关的问题。您的页面中有一些东西（可能是脚本）阻止它使用 IE 显示在 iframe 中。

在 IE 中检查这个http://jsfiddle.net/mgENw/show/ 。

此外，您的主页在页面加载时会出现此错误（IE）： 在此处输入图像描述

于 2013-07-24T17:16:37.520 回答