it-swarm-eu.dev

Jak povolit funkce CSS3 v aplikaci Internet Explorer 6, 7 a 8?

Zatímco IE9 vypadá velmi slibně, IE6, IE7 a IE8 nás pravděpodobně budou strašit po mnoho let, což zpomalí šíření CSS3 na webu.

Řada projektů založených na HTC a JS přidává určitou podporu CSS3 do IE:

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc (zakřivený roh)
  • ie-css3.htc
  • ie-css3.js

Mám pouze zkušenosti s CSS3PIE (dělat zaoblené věci na http://docs.composite.net/ ) a kromě efektů myši nad tímto efektem to funguje dobře a je to čistě CSS3.

Jaké funkce CSS3 přináší různým projektům IE a jak dobře? Někdo z nich jasný vítěz?

18
mawtex

Protože se zatím nikdo nezvýšil, pokusím se na to odpovědět. Většinou se získává čtením http://css3pie.com/documentation/product-comparison/ a googlingem. Mám pouze praktické zkušenosti s CSS3PIE. Pokud znáte některý z dalších projektů, můžete to upravit

CSS3PIE od Jasona Johnstona Přidává dobrou podporu pro poloměr Css3, přechody, stín stínů. Moje zkušenost s tím je, že to funguje docela dobře a má velkou podporu pro poloměr hranic. Problematické pro efekty přechodu (očekávám, že to budou mít všechny položky na tomto seznamu), ale při použití na statickém html se zdá být bezchybný. Více informací na http://css3pie.com/

ie-css3.js od Keitha Clarka Přidá podporu pro mnoho výběrů pseudotřídních CSS3. Je nesmírně malý, protože se hodí do jiných knihoven js, které zahrnete, například jQuery. To by mohlo dobře fungovat s dalšími projekty na tomto seznamu, jako je CSS3PIE. Více informací na http://www.keithclark.co.uk/labs/ie-css3/
UPDATE Projekt ie-css.js byl znovuzrozen zde: http://selectivizr.com/

IE9.js od Dean Edwards Works pro IE6, 7 a 8. Zajistěte, aby IE podporovala transparentní PNG, nové selektory CSS, jako je rodič> dítě a: první typ, pevné polohování, maximální/minimální šířka/výška. Je to můj dojem, že se toho za ta léta hodně práce věnovalo. Některé recenze jsou opravdu pozitivní, jiné odmítavé. Více informací na http://code.google.com/p/ie7-js/

ecsstender od Aarona Gustafsona pracuje s IE6, 7 a 8. Modulárním způsobem přidává podporu pro selektory CSS3, font-face, border-radius, box- stín, barvy a transformace. Velmi dobře zdokumentováno. Více informací na http://ecsstender.org/extensions

DD_roundies od Drew Diller Přidá určitou podporu pro poloměr ohybu a png. Více informací na http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc od Remiz Rahnas Velmi jednoduchá podpora pro radius border. Více informací na http://code.google.com/p/curved-corner/

ie-css3.htc od Nicka Fetchaka Nějaká podpora pro poloměr ohybu a stín stínu. CSS3PIE tvrdí, že vylepšuje poloměr hranic. Více informací na http://www.fetchak.com/ie-css3/

8
mawtex

Zde je pěkný článek týkající se CSS3 a IE6 z časopisu Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-Explorer/

3
Alex

Zkuste Google Chrome Frame . IE uživatelé, kteří jej nainstalovají, budou moci procházet váš web v prohlížeči Google Chrome bez přepínání prohlížečů.

ÚPRAVA: Můžete dokonce použít knihovnu JS poskytovanou společností Google k zobrazení zprávy uživatelům, která je vyzve, aby nainstalovali Google Chrome Frame. Jedná se o instalaci na jedno kliknutí, jako je Flash, nevyžaduje restartování prohlížeče a po dokončení obnovuje stránku.

0
Dan Fabulich