Jak włączyć funkcje CSS3 w Internet Explorerze 6, 7 i 8?

Podczas gdy IE9 wygląda bardzo obiecująco, IE6, IE7 i IE8 prawdopodobnie będą nas prześladować przez wiele lat, spowalniając rozprzestrzenianie się CSS3 w Internecie.

Wiele projektów opartych na HTC i JS dodaje obsługę CSS3 do IE:

• CSS3PIE
• IE7.js
• eCSStender
• DD_roundies
• border-radius.htc (zakrzywiony narożnik)
• ie-css3.htc
• ie-css3.js

Mam tylko doświadczenie z CSS3PIE (robienie zaokrąglonych rzeczy na http://docs.composite.net/ ) i oprócz myszy nad efektami działa to dobrze i jest czystym CSS3.

Jakie funkcje CSS3 zapewniają różne projekty w IE i jak dobrze? Czy któryś z nich jest wyraźnym zwycięzcą?

Ponieważ nikt jeszcze nie wystąpił, postaram się odpowiedzieć na to pytanie. Zbiera się go głównie po przeczytaniu http://css3pie.com/documentation/product-comparison/ i googlowaniu. Mam tylko praktyczne doświadczenie z CSS3PIE. Jeśli znasz którykolwiek z pozostałych projektów, możesz go edytować

CSS3PIE Jason Johnston Dodaje dobre wsparcie dla promienia granicy Css3, gradientów, cienia. Moje doświadczenie z tym jest takie, że działa całkiem dobrze i ma świetne wsparcie dla promienia granicy. Problem z efektami najechania (spodziewałbym się, że cierpią z tego powodu wszystkie elementy z tej listy), ale wydaje się bezbłędny, gdy jest używany w statycznym HTML. Więcej informacji na http://css3pie.com/

ie-css3.js autorstwa Keitha Clarka Dodaje obsługę wielu selektorów pseudoklasowych CSS3. Jest bardzo mały, ponieważ bawi się w innych bibliotekach js, które dołączasz, takich jak jQuery. Może to działać dobrze z innymi projektami na tej liście, takimi jak CSS3PIE. Więcej informacji na http://www.keithclark.co.uk/labs/ie-css3/
AKTUALIZACJA Projekt ie-css.js odrodził się tutaj: http://selectivizr.com/

IE9.js autorstwa Dean Edwards Działa dla IE6, 7 i 8. Ustaw IE jako przezroczysty PNG, nowe selektory CSS, takie jak nadrzędny> podrzędny i: pierwsze z typu, stałe pozycjonowanie, maksymalna / minimalna szerokość / wysokość. Mam wrażenie, że przez lata włożono w to dużo pracy. Niektóre recenzje są naprawdę pozytywne, niektóre lekceważące. Więcej informacji na http://code.google.com/p/ie7-js/

ecsstender autorstwa Aaron Gustafson Współpracuje z IE6, 7 i 8. W modułowy sposób dodaje obsługę selektorów CSS3, czcionek, promienia obramowania, cienia, kolorów i przekształceń. Bardzo dobrze udokumentowane. Więcej informacji na http://ecsstender.org/extensions

DD_roundies autorstwa Drew Diller Dodaje wsparcie dla promienia granicy i png. Więcej informacji na http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc autor: Remiz Rahnas Bardzo proste wsparcie dla border-radius. Więcej informacji na http://code.google.com/p/curved-corner/

ie-css3.htc autor: Nick Fetchak Niektóre wsparcie dla promienia obramowania i cienia tekstu. CSS3PIE twierdzi, że lepiej robi promień krawędzi. Więcej informacji na http://www.fetchak.com/ie-css3/

Oto fajny artykuł na temat CSS3 i IE6 z Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

Wypróbuj Google Chrome Frame . Użytkownicy IE, którzy go zainstalują, będą mogli przeglądać Twoją witrynę w rendererze Google Chrome bez przełączania przeglądarek.

EDYCJA: Możesz nawet użyć biblioteki JS dostarczonej przez Google, aby wyświetlić wiadomość dla użytkowników zapraszających ich do zainstalowania Google Chrome Frame. Jest to instalacja jednym kliknięciem, podobnie jak Flash, nie wymaga ponownego uruchomienia przeglądarki i odświeża stronę po zakończeniu.