desenv-web-rp.com

Como habilitar os recursos CSS3 no Internet Explorer 6, 7 e 8?

Embora o IE9 pareça muito promissor, o IE6, o IE7 e o IE8 provavelmente nos assombrarão por muitos anos, retardando a disseminação do CSS3 na web.

Vários projetos baseados em HTC e JS adicionam algum suporte CSS3 ao IE:

  • CSS3PIE
  • IE7.js
  • eCSStender
  • DD_roundies
  • border-radius.htc (canto curvo)
  • ie-css3.htc
  • ie-css3.js

Eu só tenho experiência com CSS3PIE (fazendo as coisas arredondadas em http://docs.composite.net/ ) e, exceto pelos efeitos do mouse, isso funciona bem e é CSS3 puro.

Quais recursos do CSS3 os diferentes projetos trazem para IE e quão bem? Algum deles é um vencedor claro?

18
mawtex

Como ninguém avançou ainda, tentarei responder a isso. É principalmente coletado desde a leitura http://css3pie.com/documentation/product-comparison/ e pesquisando no Google. Eu só tenho experiência prática com CSS3PIE. Se você conhece algum dos outros projetos, sinta-se à vontade para editar este

CSS3PIE por Jason Johnston Adiciona um bom suporte para raio de borda Css3, gradientes e sombra de caixa. Minha experiência com isso é que ele funciona muito bem e tem um ótimo suporte para o raio da borda. Problemático para efeitos de foco (eu esperaria que todos os itens desta lista sofram com isso), mas parece perfeito quando usado em html estático. Mais informações em http://css3pie.com/

ie-css3.js por Keith Clark Adiciona suporte para muitos seletores de pseudo-classe CSS3. É extremamente pequeno, pois se deleita com outras bibliotecas js que você inclui, como o jQuery. Isso pode funcionar bem com outros projetos nesta lista, como CSS3PIE. Mais informações em http://www.keithclark.co.uk/labs/ie-css3/
UPDATE O projeto ie-css.js renasceu aqui: http://selectivizr.com/

IE9.js por Dean Edwards Works para IE6, 7 e 8. Faça IE suportar PNG transparente, novos seletores de CSS como pai> criança e: primeiro tipo, posicionamento fixo, suporte max/min de largura/altura. Tenho a impressão de que muito trabalho foi dedicado a isso ao longo dos anos. Algumas críticas são realmente positivas, outras desdenhosas. Mais informações em http://code.google.com/p/ie7-js/

ecsstender de Aaron Gustafson Trabalha com IE6, 7 e 8. De maneira modular, adiciona suporte para seletores CSS3, fonte-face, borda-raio, caixa- sombra, cores e transforma. Muito bem documentado. Mais informações em http://ecsstender.org/extensions

DD_roundies por Drew Diller Adiciona algum suporte para raio de borda e png. Mais informações em http://www.dillerdesign.com/experiment/DD_roundies/

border-radius.htc por Remiz Rahnas Suporte muito simples para o raio da borda. Mais informações em http://code.google.com/p/curved-corner/

ie-css3.htc por Nick Fetchak Algum suporte para raio de borda e sombra de texto. O CSS3PIE afirma ter um raio de borda melhor. Mais informações em http://www.fetchak.com/ie-css3/

8
mawtex

Aqui está um bom artigo sobre CSS3 e IE6, da Smashing Magazine: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-Explorer/

3
Alex

Tente Google Chrome Frame . IE os usuários que o instalarem poderão navegar no seu site no renderizador do Google Chrome sem mudar de navegador.

EDIT: você ainda pode usar uma biblioteca JS fornecida pelo Google para mostrar uma mensagem aos usuários convidando-os a instalar o Google Chrome Frame. É uma instalação com um clique, como o Flash, não requer a reinicialização do navegador e atualiza sua página quando terminar.

0
Dan Fabulich