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 resolve (pelo menos nas minhas necessidades)
os problemas de compatibilidade do CSS3 nas versões 6, 7 e 8 do temido Internet Explorer (IeCa).
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, box-shadow. Veja um exemplo:
.caixa {
-moz-border-radius: 15px; /* para exibição de canto arredondado no Firefox */-webkit-border-radius: 15px; /* Para Safari e Chrome */border-radius: 15px; /* Valor Padrão, atualmente utilizado pelo Opera 10.5+ */ -moz-box-shadow: 10px 10px 20px #000; /* Sombra na caixa para exibição no Firefox */-webkit-box-shadow: 10px 10px 20px #000; /* Para Safari e Chrome */box-shadow: 10px 10px 20px #000; /* Valor Padrão, Opera 10.5+ */ behavior: url(ie-css3.htc); /* codigo para chamar o arquivo ie-css3.htc, fazendo as funções anteriores funcionarem no IeCa */}
Nota: O arquivo HTC precisa estar na mesma pasta do CSS.
Faça download do script diretamente neste link.