Fancybox 2 iframe 在 IE 中无法正常工作答案

【问题标题】：Fancybox 2 iframe not working correctly in IEFancybox 2 iframe 在 IE 中无法正常工作
【发布时间】：2012-03-05 10:57:00
【问题描述】：

我在使用 Fancybox 2.0 和 Internet Explorer 时遇到问题。它适用于所有其他浏览器。

在 IE 中就像灯箱 div 位于 iframe 顶部，我无法单击任何按钮。

页面中的位置也与其他浏览器不同。

这是我用来调用它的参数

$('.fancybutton').fancybox({
        type      : 'iframe',
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : true,
        width       : '70%',
        height      : '80%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
});

任何帮助将不胜感激

我正在使用锚标记上的普通链接打开 iframe

更新

我添加了 DOCTYPE，并且 iframe 在所有浏览器中都可以正常打开，但是... 在这个 iframe 中，我有许多链接，它作为一个弹出菜单工作。链接是简单的锚标记，但是当我在 IE 中单击链接时没有任何反应。它在任何其他浏览器上都能完美运行:(

干杯，费德里科

【问题讨论】：

您认为我们可以看到链接吗？上面的代码似乎没有任何问题，但这并没有说明什么。您可以开始做一系列事情：检查 javascript 错误（IE 比其他浏览器更严格）；检查您是否有正确的DOCTYPE（fancybox 在 IE 怪癖模式下无法正常播放）；检查 CSS 冲突问题（一般的 CSS 声明，如 div {position: absolute} ... 使用特异性而不是 div#myDiv {position: absolute}）等等，等等。
非常感谢您的回复，因为原来是文档类型！！！ :)
这就像一个菜单弹出，但子菜单不会在 IE 中打开。我需要在同一个 iframe 中打开它们，但它在 IE 8 中什么也不做，它显示在 IE 9 中找不到的页面。:(
你能显示一个链接吗？ ...还要确保在 fancybox 中打开的页面也有正确的DOCTYPE

标签： javascript internet-explorer jquery-plugins fancybox

【解决方案1】：

事实证明我错过了 JFK 建议的 DOCTYPE。

我在顶部添加了它，现在它在所有浏览器上都可以正常工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

谢谢！

【讨论】：

在什么的顶部？您的页面包含打开fancybox 的链接，还是fancybox 内容页面？
逻辑上应该在这两个位置。 Fancybox iFrame 本身就是一个独立的页面。