Sombra e opacidade no css3 para o IE8 (não corresponde)
u tenho algumas imagens (na frente da minha imagem de bachground) com baixa opacidade (formato png) e tudo estava bom no ie8 & firefox até eu adicionar pie.htc (ou border-radious.htc do código do google) para cantos arredondados & Caixa de sombra em ie8 ...
após adicionar pie.htc por:
behaviour : url(pie.htc);
e adicionando códigos abaixo:
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow: 5px 5px 20px red;
-moz-box-shadow: 5px 5px 20px red;
-webkit-box-shadow: 5px 5px 20px red;
A opacidade das minhas imagens desapareceu ...
i teste-o com um projeto html simples e descobri que quando usamos a caixa de sombra no exemplo 8 (apenas ie8 e ff está ok) a sombra preenche todo o elemento, portanto a opacidade é diminuíd
Como posso corrigir esse problema de sombra + opacidade?
=================================================== ====
MY PERGUNTA DE OUTRA MANEIRA:
HOW PODEMOS COMBINAR OS CÓDIGOS ABAIXO PARA O IE8 (mantendo a opacidade):
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";//opacity
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);//opacity
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc)";//shadow
desde já, obrigad