internet-explorer - InternetExplorer8およびCSS3

Question

CSS3pie、normalizeなどのプラグインを使用せずに、WebサイトCSS3をIE9より前のバージョンのInternet Explorerと互換性を持たせるにはどうすればよいですか？

CSS3Pieは私が使用していた優れたツールですが、プラグインで機能しないborder-left-radiusの要素がいくつかあるため、不便になりました。

Answer 1

IE8はCSS3をサポートしていません。あなたはすでにそれを知っています。なんらかのハックなしでIE8でCSSの丸みを帯びた角を取得する方法を探しているなら、あなたはがっかりするでしょう。

ソリューション：

1. すでに知っているCSS3Pieなどの「プログレッシブエンハンスメント」手法を使用します。事実上、これらはすべてJavascriptベースのハックであり、完璧なものはありません。CSS3Pieの問題はすでにご存知でしょう。あなたが議論する問題は比較的マイナーなものであり、簡単に回避できます。あなたがそれを回避する気がないのなら、あなたにとってもっと良いものはないでしょう。
   
   これらのポリフィルのかなり包括的なリストは、https ：//github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfillsにあります。

2. 優雅な劣化。これは基本的に、古いブラウザにいくつかの機能が欠けていることを受け入れ、それらの機能が欠けていても機能するようにサイトを作成することを意味します。多分それほど良くはありませんが、使用可能です。の場合border-radius、これは簡単です。IE8では機能しないことを受け入れてください。丸みを帯びた角があると便利ですが、丸みを帯びた角がないとサイトが壊れることはありません。

3. Chromeフレーム。これは、Chromeブラウザと同じレンダリングエンジンを使用してページをレンダリングできるようにする、Googleによって作成されたIE用のプラグインです。これはブラウザの根幹への大きなハックですが、うまく機能します。これらの不足している機能やレンダリングの不具合について心配する必要はもうありません。ただし、エンドユーザーがプラグインをインストールする必要があるため、オプションとしては便利ですが、プラグインが利用可能な場合に使用するように指定できますが、実際に信頼できるのは、エンドユーザーのシステムを制御できる場合のみです-たとえば、すべてのマシンにインストールされていることを確認できる企業ネットワークなどです。

それらはあなたの選択肢です。