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