Habrには、「嫌いな」IEに
min-widthや
:: afterなどのことを理解させるこの素晴らしい方法を既に知っている人がいると確信しています。 しかし、個人的には、この方法について知らなかったため、この問題に対する私の非常にエレガントで効果的な解決策でネットワークに出会ったとき、真の熱意を経験しました。
比較的小さな(40 kB以下)jsスクリプトをページに固定するだけで十分です。また、ロバが以前は認識していなかったCssスタイルが機能し始めます。 css-hacksについては忘れることができますが、実質的には変更せずに、ブラウザ間の互換性を実現できます。 また、IEがこのような「松葉杖」を搭載したIEがFirefoxを「高速で実行」し始めたことにも驚きました。 CSS3標準に、より正確に従ってください(
nth-child()疑似
クラスをテストしました)。
ところで、これはすべての利点ではありません:)。 また、このスクリプトは、CSS以外のいくつかの問題(IE png形式のサポート不足など)を「修正」します。
このようなすばらしいツールを作成してくれた著者(Dean Edwards)に感謝します。 作品を試して
、プロジェクトの公式ページからスクリプトをダウンロードできます。
ところで、著者はスクリプトを接続するために次の方法を提供しています(
srcに注意を払ってください):
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->