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