私はこれを持っています:
<div class="upload_slide">
<iframe class="upload_iframe" style="visibility:hidden;"></iframe>
</div>
次に、いくつかのファイルを iFrame にポストして に設定.upload_slide
するとdisplay:none;
、ロード中に iFrame のロードまたはロード完了時の検出に影響しますか?
私はこれを持っています:
<div class="upload_slide">
<iframe class="upload_iframe" style="visibility:hidden;"></iframe>
</div>
次に、いくつかのファイルを iFrame にポストして に設定.upload_slide
するとdisplay:none;
、ロード中に iFrame のロードまたはロード完了時の検出に影響しますか?
いいえ、表示を none に設定しても、iFrame の読み込みと読み込みの検出が損なわれることはありません。
CSS は単なるスタイルのためのものであり、DOM に影響を与える機能はありません。
問題はないはずですが、問題がある場合は、要素を非表示にするのではなく、画面外に移動することをお勧めします。次のようなクラスを作成できます
.offscreen{
position: absolute;
left: -5000px;
}
必要に応じて追加および削除できます。
現在、Firefox には display:none に関する問題があります。
一部のブラウザーは、置き換えられた要素 (Flash や iframe など) に「display:none」が適用されると、その要素の視覚情報は不要になると想定しています。そのため、要素が後で CSS によって表示される場合、ブラウザーは実際にビジュアル データをスクラッチから再作成します。
iframe のデフォルトを「display:none;」にすることを想像します。ブラウザは HTML のレンダリングをスキップするため、タグには次元がありません。「display:none;」を使用するのではなく、可視性を「hidden」に設定するか、ページの外に配置します。
スティーブン・パリゴ
いいえ..全然..
CSS -display:none
またはvisibility:hidden
、iframe コンテンツをユーザーに表示しないようにブラウザーに指示するだけです。
しかし、機能は問題なく正常に動作します。
私の知る限り、それはうまくいくはずです。しばらくの間、非表示のiframeを使用してコンテンツを読み込んでいますが、問題はありません。
とはいえ、一部のブラウザは非表示の画像を読み込まないことで効率を高めようとしているため、一部のブラウザ(特にモバイルブラウザ)はiframeでも同じことを行う可能性があります。