CSS3 no Internet Explorer com CSS 3 PIE »
18out 2010, às 07:00
Publicado em CSS3 HTML / CSS | Deixe o seu comentário (3) »
publicado por: Magno Valdetaro
Enquanto o Internet Explorer 9 não chega e ganha espaço entre o internautas para aliviar um pouco do sofrimento dos desenvolvedores web em relação as vantagens do CSS3, somos obrigados a utilizar algumas alternativas eficientes, mas não ideais como o CSS3 PIE.
CSS3 PIE traz algumas das características mais convenientes e úteis do CSS3 como: bordas arredondadas, sombras suaves, preenchimento gradiente, múltiplas imagens de fundo. No site do desenvolvedor há a informação de que outras funções estão em processo de implementação.
Esses são alguns atrativos da CSS3 que todo designer gosta e por muitas vezes costuma usar, mas acaba se limitando por conta dos processos difíceis e demorados, envolvendo sprites complexos (ou nem tanto assim), marcações não semânticas, código extra, e bibliotecas javascripts, entre outros hacks.
A proposta do CSS3 PIE é eliminar algumas limitações impostas ao desenvolvedor, devido à falta de suporte do Internet Explorer. Por meio do PIE acrescentamos ao Internet Explorer a possibilidade de entender algumas das propriedades da CSS3, Considere o seguinte estilo:
1: #elemento {background:#EEE; padding:2em; -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
Esta linha resulta em uma caixa com cantos arredondado em qualquer um dos navegadores modernos, exceto, o IE 6, 7 e 8. No entanto, adicione a seguinte regra ao elemento:
1: #elemento {... behavior: url(PIE.htc)}
E apenas isto! agora temos cantos arrendados no Internet Explorer.
Veja alguns exemplos, leia a documentação e e faça o download do CSS 3 PIE.
