Sombra y opacidad en css3 para IE8 (no coincide)
Tengo algunas imágenes (frente a mi imagen de fondo) con baja opacidad (formato png) y todo fue bueno en ie8 y firefox hasta que agregué pie.htc (o border-radious.htc del código de google) para las esquinas redondeadas & Shadow Box en ie8 ...
después de agregar pie.htc por:
behaviour : url(pie.htc);
y agregando los siguientes códigos:
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;
la opacidad de mis imágenes se ha ido ...
lo pruebo con un proyecto html simple y descubrí que cuando usamos el cuadro de sombra en, por ejemplo, 8 (solo es decir, 8 y ff está bien) la sombra llena todo nuestro elemento, por lo que la opacidad se desvanece.
¿Cómo puedo solucionar este problema de sombra + opacidad?
================================================= ====
MI PREGUNTA DE OTRA MANERA:
¿CÓMO PODEMOS COMBINAR LOS CÓDIGOS DE ABAJO PARA IE8 (manteniendo la opacidad):
-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
gracias por adelantad