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

18

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ą?

css3 internet-explorer-6 mawtex
źródło
1
Wypróbuj je wszystkie i daj nam znać, co znajdziesz? Jeśli masz bloga, byłby to świetny post, który wzbudziłby duże zainteresowanie, jestem pewien.
John Conde
Znalazłem to na stronie CSS3PIE css3pie.com/documentation/product-comparison, ale spodziewałbym się, że będzie to stronnicze, stąd pytanie. To wymaga nieco rzeczywistego doświadczenia, aby uzyskać dobre samopoczucie.
mawtex,

Odpowiedzi:

8

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/

mawtex
źródło
3

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

Alex
źródło
3
Ten artykuł jest świetnym wprowadzeniem do „border-radius.htc”, ale w przeważającej części jest to lista filtrów CSS tylko dla IE, które mogą naśladować funkcje CSS3. Jako web developer chciałbym nie pisać wiele starych IE konkretnego kodu CSS, ale skupić się na standardzie CSS i IE mają reagować na to, jak „border-radius.htc” i „CSS3PIE” robi.
mawtex,
0

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.

Dan Fabulich
źródło
Sugerujesz więc, aby w jakiś sposób dotrzeć do wszystkich osób, które zamierzają odwiedzić witrynę plakatu z pytaniami w przyszłości za pomocą IE6 / 7/8 i zmusić ich do zainstalowania Google Chrome Frame przed odwiedzeniem? czy nie łatwiej byłoby po prostu przekonać wszystkich użytkowników IE na świecie do przejścia na Chrome?
Nir
@Nir Zredagowałem, aby wyjaśnić, w jaki sposób można zmusić użytkowników do zainstalowania GCF za pomocą biblioteki JS Google. To całkiem miłe.
Dan Fabulich
nawet przy instalowaniu jednym kliknięciem (BTW, na Vistę musisz Ok 5 ostrzeżeń bezpieczeństwa, aby zainstalować Flasha - tyle za jedno kliknięcie) Nie marzę o poproszeniu moich użytkowników o zainstalowanie wtyczki do przeglądarki, aby móc używać zaokrąglonych rogów (i Podejrzewam, że jedynymi, którzy zainstalują, są ci, którzy naprawdę ufają i lubią mój produkt - to znaczy ci, którzy kupią nawet bez zaokrąglonych rogów).
Nir