Internet Explorer 的 Fancybox Iframe 错误

Question

我遇到了 Internet Explorer 的错误。 iframe 的大小不正确，它显示在页面的左上角而不是中心。

在 Firefox 和 Chrome 中，一切正常。

尝试了很多东西，但我找不到解决方案:(

请帮助我。

这是它的截图：

这是我的代码：

<head>
    <script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery-1.8.2.min.js\"></script>
    <script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery.fancybox.js?v=2.1.1\"></script>
    <link rel=\"stylesheet\" type=\"text/css\" href=\"http://www.$domain/scripts/jquery.fancybox.css?v=2.1.1\" media=\"screen\" />

    <script type=\"text/javascript\">
        $(document).ready(function() {
            $('.fancybox').fancybox();

            $('.fancybox').click(function() {
                $.fancybox.open({
                    href : 'iframe.html',
                    type : 'iframe',
                    padding : 5,
                    autoScale : false
                });
            });

    $(\".contactbox\").fancybox({

        openEffect : 'elastic',
        openSpeed  : 150,
        closeEffect : 'elastic',
        closeSpeed  : 150,
        closeClick : true,
        'overlayShow'    :    false,
        href : 'contact.php',
        type : 'iframe',
        padding : 5,
        autoScale : true,
        scrolling : 'no'
        frameWidth : 430,
        frameHeight : 380
    });

        });
    </script>

</head>
<body background=\"$background\" id=\"top\">

<a class=\"contactbox\" href=\"http://$domain/contact.php\">Iframe</a>

Answer 1

您的页面以怪癖模式呈现，因为您没有正确的 HTML DTD 声明。

F12 screenshot

如果你调出 IE 开发工具栏 (F12)，你可以看到它在标准模式下正确呈现。

Internet Explorer 的 Fancybox Iframe 错误

问题描述投票：0回答：1

1个回答

最新问题

Internet Explorer 的 Fancybox Iframe 错误

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1