PNG transparency issue - faded images with black shadows - border in IE

问题

I used image rotator for displaying a few images on the homepage. All image are in the PNG format. The problem is in IE (7, 8) - beside the image there is black shadow... I spent couple of hours with fixing this issue, but still don't know, where is the problem & how to remove it...

Didn't anyone has a similar issue and a tip, how fix that?

回答1:

try with :

img.yourimg {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ 
}

Or use a PNG8 (it will create a small white border around your images but I think you dont want that.)

Or do like in my comment above.

来源：https://stackoverflow.com/questions/10514154/png-transparency-issue-faded-images-with-black-shadows-border-in-ie