Tutoriais

Rode propriedades do CSS3 no Internet Explorer

Depois de tanto tempo de sofrimento para fazer uma sombrinha ou bordas arredondadas compatí­veis com o IE no CSS, eis que encontro pela internet um arquivo HTC que promete resolver os problemas de compatibilidade do CSS3 nas versões 6, 7 e 8 do temido Internet Explorer.

HTC é sigla para HTML Components, um arquivo que aplica novos comportamentos em HTML Diní¢mico dentro do Internet Explorer.

Como funciona?

Você precisa apenas adicionar uma referência ao comportamento pelo arquivo ie-css3.htc na seleção do CSS que tenha propriedades CSS3 como border-radius ou box-shadow. Veja um exemplo:

.caixa {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari e Chrome */
  border-radius: 15px; /* Opera 10.5+
e agora também para Internet Explorer 6+ com IE-CSS3.htc */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari e Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+
 e Internet Explorer 6+ com IE-CSS3.htc */

  behavior: url(ie-css3.htc); /* Avisa ao IE para mudar o
 comportamento desta classe e ela passa a entender o CSS3 */
}

Nota: O arquivo HTC precisa estar na mesma pasta do CSS.

Parece um sonho para desenvolvedores, mas é uma pena que a iniciativa não tenha vindo da própria Microsoft.

Faça download do script diretamente neste link.