internet explorer 8 - cross - Sombra y opacidad en css3 para IE8(no coincide)

opacity css ie8

Question

tengo algunas imágenes (en frente de mi imagen de bachground) con baja opacidad (formato png) y todo fue bueno en ie8 y firefox hasta que agregue pie.htc (o border-radious.htc del código de Google) para esquinas redondeadas y Shadow Box en ie8 ...

después de agregar pie.htc por:

behaviour : url(pie.htc);

y agregando códigos a continuación:

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 lo averiguo cuando usamos shadow box en ie 8 (solo ie8 y ff está bien) la sombra llena todo nuestro elemento, por lo que se desea opacidad.

¿Cómo puedo solucionar este problema de sombra + opacidad?

=============================================== ===

MI PREGUNTA DE OTRO MODO:

CÓMO COMBINAR LOS CÓDIGOS 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 adelantado

Answer 1

Simplemente coloque la sombra después de la opacidad y agregue un espacio intermedio. Es tan simple como podría ser.

filter: profid:DXImageTransform.Microsoft.Alpha(Opacity=25) progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc);

Answer 2

icant es correcto pero tiene un pequeño error tipográfico. Debería ser progid en lugar de profid. Traté de editar pero no me permitió editar solo una letra.

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25) progid:DXImageTransform.Microsoft.dropShadow(attribute1=value1, attribute2=value2, etc);

Gracias icant!

Answer 3

parece que no es posible usar sombra con opacidad en IE 8 ... Cuando agrega sombra después de opacidad a un elemento (en Firefox todo está bien) en IE8 no puede sentir que existe opacidad, debido a que esa sombra llena todo el elemento y no dejes que se muestre la opacidad.

sin embargo, verifiqué este problema por el simple proyecto html y busqué resolver este problema sin resultados / si encuentra una solución acerca de esto, por favor compártelo con nosotros.