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

18

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 o IE e quão bem? Algum deles é um vencedor claro?

css3 internet-explorer-6 mawtex
fonte
11
Por que não experimentá-los todos e deixe-nos saber o que você encontra? Se você tem um blog, seria um ótimo post que geraria muito interesse, tenho certeza.
John Conde
Achei isso no site CSS3PIE css3pie.com/documentation/product-comparison, mas espero que seja tendencioso, daí a pergunta. Requer um pouco de experiência no mundo real para ter uma boa sensação.
Mawtex 18/08/10

Respostas:

8

Como ninguém se adiantou ainda, tentarei dar uma resposta a isso. É principalmente lido lendo 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 de 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/
ATUALIZAÇÃO O projeto ie-css.js renasceu aqui: http://selectivizr.com/

IE9.js de Dean Edwards Works para IE6, 7 e 8. Torne o IE compatível com PNG transparente, novos seletores de CSS como pai> filho e: primeiro tipo de posicionamento fixo, suporte máximo / mínimo 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/

O ecsstender, de Aaron Gustafson, trabalha com o IE6, 7 e 8. De maneira modular, adiciona suporte para seletores CSS3, face da fonte, raio da borda, sombra da caixa, cores e transformações. 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 border-radius. 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/

mawtex
fonte
3

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

Alex
fonte
3
Este artigo é uma excelente introdução ao "border-radius.htc", mas na maioria das vezes é uma lista de filtros CSS somente para o IE que podem imitar os recursos CSS3. Como desenvolvedor da web, eu gostaria de não escrever muitos códigos CSS específicos antigos do IE, mas focar no CSS padrão e fazer o IE reagir a isso, como "border-radius.htc" e "CSS3PIE".
precisa
0

Experimente o Google Chrome Frame . Os usuários do IE 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.

Dan Fabulich
fonte
Portanto, sua sugestão é basicamente, de alguma forma, entrar em contato com todas as pessoas que visitarão o site do pôster da pergunta no futuro com o IE6 / 7/8 e levá-las a instalar o Google Chrome Frame antes de visitá-las? não seria mais fácil fazer com que todos os usuários do IE do mundo mudassem para o Chrome?
Nir
Editei para explicar como você pode fazer com que seus usuários instalem o GCF usando a biblioteca JS do Google. É bem legal.
Dan Fabulich 23/10/10
mesmo com a instalação de um clique (BTW, no Vista, você precisa Ok 5 avisos de segurança para instalar o Flash - tanto por um clique) que nem sonhava em pedir aos meus usuários que instalassem um plug-in do navegador apenas para poder usar cantos arredondados (e Suponho que os únicos que irão instalar são os que realmente confiam e gostam do meu produto - ou seja, os que comprarão mesmo sem os cantos arredondados).
Nir