タグ別アーカイブ: html

IE10以降で iframe 内ドキュメントの表示が崩れることがある問題について

| 1件のフィードバック

IE10 以降で、iframeドキュメント内の表示が崩れることがあったので調査を行いました。

結果から書きますと、 iframe親のドキュメントモードが 9 以上、iframeドキュメントが IE5 Quirksモード である場合 に問題が発生する可能性があることがわかりました。

現象

  • 親(= iframe の親ドキュメント)はmetaタグで 最新のレンダリングモード(edge)が指定されている
  • <meta http-equiv="X-UA-Compatible" content="IE=edge">
  • 子(= iframe ドキュメント)は古いドキュメントなので、Quirksモードでレンダリングされている。DOCTYPEスイッチで指定
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  • 親ドキュメント内iframeから子を参照すると一部スタイルが崩れている
  • 子を iframe を介さずに直接表示した場合は問題なし
  • iframeを介して参照した時、子のドキュメントモードは「 10 」だった(IE10で参照)
  • iframeを介さずに参照した時、子のドキュメントモードは「 5 」だった(IE10で参照)

続きを読む