0

私のウェブサイトinpages.nlを見てください

「weer」という単語に移動してクリックすると、ある種の天気図を含むiframeが表示されます。問題は、Firefoxでウェザーマップが表示されないことです。私はそれをグーグルで検索しましたが、Firefoxにはiframeの表示に問題があるようです。ただし、奇妙なことに、iframeは表示されますが、表示されていない(動的な)天気図にすぎません。iframeをクリックイベントから分離し、ページの読み込み時に表示すると、すべてが機能しているように見えます。

4

1 に答える 1

2

FirefoxとChromeでHTMLを調べたところ、スクリプトではなく、iframeで開いているページに問題があるようです(ただし、心配しないでください。回避策が見つかりました)。

まず、これが問題です。ChromeのインスペクターとFirefoxのfirebugを使用すると、iframeがポイントしていることがわかります。 http://www.weeronline.nl/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4057473&temperatureScale=Celsius&defaultSettings=FalseそのWebページ内には、別の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(および背景画像)が含まれています。display:blockしかし、Firefoxのdivには(背景画像のみ)がありません。したがって、問題は、teirスクリプトがマップのdivを「表示」していないことです。

良いニュース: iframeを「手動で」リロードすると(firebugを使用してURLに偽のパラメーターを追加することでリロードしたようです:) http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1&foo、マップを見ることができます。そのため、ページの読み込み時にiframeのURLを空にしてから、(上で$(document).ready())URLを設定できます。

補足:あなたのウェブページはhttp://inpages.nl/jquery.nicescroll.min.jsあなたのサイトからたくさんの画像を見つけることができません。それはあなたの質問とは関係ありませんが、あなたは見てみるべきです。

于 2012-12-09T19:54:51.390 に答える