Internet Explorer に関する記事です。IE はサポートが終わっているため、記事では今のブラウザーでの書き方もあわせて紹介します。
タグ
#Internet Explorer
記事 (7 件)
- zoom: 1 の落とし穴 ── hasLayout と番号付きリスト 古い Internet Explorer 向けに使われた zoom: 1 と hasLayout の仕組み、すべての要素に付けたときに番号付きリストの番号が崩れる理由、今の CSS での考え方を説明します。
- DOCTYPE とレンダリングモード ── 標準モード・互換モードと X-UA-Compatible DOCTYPE の書き方でブラウザーの表示の仕方 (標準モード、互換モード、ほぼ標準モード) が切り替わる仕組みと、古い IE 向けの X-UA-Compatible、今の書き方と確かめ方を説明します。
- overflow の基本と float を囲む効果 ── IE6 との違いと display: flow-root overflow の各値の意味と、visible 以外にするとブロック整形文脈ができて中の float を囲める仕組み、古い IE でこの効果が出なかった理由、今の display: flow-root を使った書き方を説明します。
- IE6 の透過 PNG 対策と、DD_belatedPNG で画像がずれる理由 IE6 で透過 PNG を表示するために使われた AlphaImageLoader と DD_belatedPNG の仕組み、描き直した画像の位置がずれる理由、今の画像形式 (PNG、WebP、AVIF、SVG) の選び方を説明します。
- IE9 から Edge へ ── Microsoft のブラウザーの移り変わりと対応状況の調べ方 Internet Explorer 9 で Web 標準への対応が大きく進んでから、Chromium を使う Edge と IE のサポート終了に至るまでの流れと、今ブラウザーの対応状況を確かめる方法 (MDN の互換性の表、Baseline、Can I use) を説明します。
- iframe の中のページには、親ページのスクリプトや CSS が効かない iframe で読み込んだページは別の文書なので、親ページの CSS やスクリプトは効きません。古い IE 向けの補正スクリプトの例を入口に、その仕組みと、今の iframe で気をつけること (title、loading、sandbox、同一オリジンポリシー) を説明します。
- iframe の中から親ページを操作する ── window.parent と postMessage iframe の中のページから親ページを操作する window.parent と window.top の使い方、同一オリジンポリシーによる制限、古い IE で起きていたエラー、オリジンが違うときに使う postMessage の安全な書き方を説明します。