こんにちは、さち です！
今回は私事で Internet Explorer 7 の CSS について調べることがあったので
こちらで紹介しようと思います（主な理由は私の備忘録ですｗ）。
インターネット上で見つけた記事なのですが
次のような情報が載っていてとても参考になりました。
- 新規対応機能
- 未対応機能
- 修正済みバグ
- 未修正バグ
- CSSハック
実際の記事はこちらから見ることができます。
→ 正式版完全対応! Internet Explorer 7 CSS攻略法
IE7日本語正式版 での変更点やバグがまとめられています。
IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法である
CSSハックについても紹介されているので参考にしてみてください。
今回私がハマったのは IE は擬似クラス 「:focus」 に対応していないという点でした。
この 「:focus」 は JavaScript を使わずにフォームの背景色などを変えたりできる
個人的にとても便利だなと思う 擬似クラス です。
しかし、この 「:focus」 対応していないのは IE くらいなもので
他のほとんどのブラウザ（Firefox，Opera，Safari等）は対応しているのです。
多くのシェアを獲得している IE だからこそいち早く導入して
インターネットの先駆者として引っ張っていって欲しいなと思っています＞＜
ちなみに上記記事にも書かれていますが
擬似要素 「:after」「:before」にも対応していないので IE では無視されます。
これらを使う際には気をつけてくださいね。
上記特集記事を掲載しているサイトのトップページはこちら。
コメント