web-dev-qa-db-ja.com

Internet Explorer 6、7、8でCSS3機能を有効にする方法

IE9は非常に有望に見えますが、IE6、IE7、およびIE8はおそらく今後何年も私たちを悩ませ、Web上のCSS3の普及を遅らせるでしょう。

HTCとJSに基づく多くのプロジェクトがIEにCSS3サポートを追加しています：

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc（曲線コーナー）
  • ie-css3.htc
  • ie-css3.js

私はCSS3PIEの経験しかありません（ http://docs.composite.net/ で丸みを帯びたものを行います）、マウスオーバー効果を除いてこれはうまく機能し、純粋なCSS3です。

さまざまなプロジェクトがIEにもたらすCSS3機能とその効果それらのいずれかが明確な勝者ですか？

css3internet-explorer-6
18
mawtex

誰もまだステップアップしていないので、私はこれに答えようとします。それはほとんど http://css3pie.com/documentation/product-comparison/ を読んで、あちこち探して集めたものです。私はCSS3PIEの実践的な経験しかありません。他のプロジェクトのいずれかを知っている場合は、これを自由に編集してください

CSS3PIEby Jason Johnston Css3 border-radius、gradients、box-shadowの適切なサポートを追加します。これに関する私の経験では、それはかなりうまく機能し、境界半径を大きくサポートしています。ホバー効果には問題があります（このリストのすべてのアイテムがこの問題に悩まされると思います）が、静的htmlで使用すると問題がないように見えます。詳細は http://css3pie.com/

ie-css3.jsby Keith Clark多くのCSS3擬似クラスセレクターのサポートを追加します。 jQueryのような他のjsライブラリを使用するため、非常に小さいです。これは、CSS3PIEのようなこのリストの他のプロジェクトでうまく機能する可能性があります。詳細は http://www.keithclark.co.uk/labs/ie-css3/
UPDATEie-css.jsプロジェクトはここで生まれ変わりました： http://selectivizr.com/

IE9.jsIE6、7、および8のDean Edwards WorksによるIEが透過PNGをサポートし、親のような新しいCSSセレクターが作成されました> childおよび：first-of-type、固定位置、最大/最小幅/高さのサポート。長年にわたって多くの仕事がこれに費やされてきたという印象です。一部のレビューは本当に肯定的で、一部は否定的です。詳細については http://code.google.com/p/ie7-js/

ecsstenderIE6、7、および8で動作するアーロン・グスタフソンモジュラー方式で、CSS3セレクター、フォントフェイス、ボーダー半径、ボックスのサポートを追加影、色、変形。非常によく文書化されています。詳細は http://ecsstender.org/extensions で

DD_roundiesby Drew Dillerボーダー半径とpngのサポートを追加します。詳細は http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htcby Remiz Rahnasボーダー半径の非常にシンプルなサポート。詳細は http://code.google.com/p/curved-corner/

ie-css3.htcby Nick Fetchakボーダー半径とテキストシャドウのサポート。 CSS3PIEは、border-radiusの方が優れていると主張しています。詳細については http://www.fetchak.com/ie-css3/

8
mawtex

Smashing MagazineのCSS3およびIE6に関する素晴らしい記事を次に示します。 http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-Explorer/

3
Alex

Google Chrome Frame を試してください。 IEをインストールしたユーザーは、ブラウザを切り替えることなく、Google Chromeのレンダラーでサイトを閲覧できます。

編集：Googleが提供するJSライブラリを使用して、Google Chrome Frameのインストールを招待するユーザーにメッセージを表示することもできます。 Flashのようなワンクリックインストールで、ブラウザを再起動する必要はなく、完了したらページを更新します。

0
Dan Fabulich