请查看我的网站inpages.nl
如果您转到“weer”一词并单击它,则会显示一个包含某种天气图的 iframe。问题是它没有在 Firefox 中显示天气图。我用谷歌搜索它,似乎 Firefox 确实存在显示 iframe 的问题。然而奇怪的是它确实显示了 iframe,它只是一个没有显示的(动态)天气图。如果我将 iframe 与 click 事件隔离并在页面加载时显示它,那么一切似乎都可以正常工作。
请查看我的网站inpages.nl
如果您转到“weer”一词并单击它,则会显示一个包含某种天气图的 iframe。问题是它没有在 Firefox 中显示天气图。我用谷歌搜索它,似乎 Firefox 确实存在显示 iframe 的问题。然而奇怪的是它确实显示了 iframe,它只是一个没有显示的(动态)天气图。如果我将 iframe 与 click 事件隔离并在页面加载时显示它,那么一切似乎都可以正常工作。
在 Firefox 和 chrome 中检查您的 html 后,看起来有问题,不是在您的脚本中,而是在您在 iframe 中打开的页面中(但不要担心,我找到了可能的解决方法)。
首先,这是问题所在:使用 Chrome 的检查器和 Firefox 的 firebug,您会看到 iframe 指向
http://www.weeronline.nl/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4057473&temperatureScale=Celsius&defaultSettings=False
,在该网页内还有另一个 iframe 指向http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1
(两个浏览器中的两个地址都相同)。
在那个内部 iframe 中有一个名为 的 div radar-container
,它的 css 有一个.image-rotator-container
已设置的选择器display:none;
。在谷歌浏览器中,div 包含一个内联样式display:block
(和一个背景图像)。但在 Firefox 中,div 没有display:block
(只有背景图像)。所以,问题是 teir 脚本没有“显示”地图的 div。
好消息:看起来如果你“手动”重新加载 iframe(我是通过使用 firebug 向 url 添加一个假参数来做到的:)http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1&foo
你可以看到地图。因此,您可以在页面加载时让 iframe 的 url 为空,然后 (on $(document).ready()
) 设置 url。
旁注:您的网页无法http://inpages.nl/jquery.nicescroll.min.js
从您的网站中找到很多图片。这与您的问题无关,但您应该看看。