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.