Shadow and opacity In css3 For IE8 (not a match)

Question

I have some images (in front of my bachground image) with low opacity (png format) and everything was fine in ie8 and firefox until I add pie.htc (or border-radious.htc from google code) for rounded corners and Shadow Box in ie8 ...

after adding pie.htc:

behaviour : url(pie.htc); 

and adding below codes:

 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; 

the opacity of my images has disappeared ...

I test it with a simple html project and find out when we use the shadow block, i.e. 8 (only that is, 8 and ff are fine) the shadow fills our entire element, so the opacity is reduced.

how can i fix this shadow problem + opacity?

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

MY QUESTION IN ONE WAY:

HOW CAN COMBINE BELOW CODES FOR IE8 (with preservation of opacity):

 -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 

early

Answer 1

it seems that you cannot use a shadow with opacity. In IE 8 ... When you add a shadow after an opacity of an element (everything is fine in Firefox) in IE8 you cannot feel that Opacity exists because this shadow fills the entire element and does not allow it to show opacity.

However, I checked this problem with a simple html project and looked for a solution to this problem without any results / if you find a solution about it plz share it with us.

Answer 2

icant is true but has a small typo. It should be progid instead of profid. I tried editing, but did not allow me to edit only one letter.

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

Thanks icant!

Answer 3

Just place the shadow after the opacity and add a gap between them. It is as simple as it could be.

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