3

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?

Roko C. Buljan
  • 196,159
  • 39
  • 305
  • 313
user984621
  • 46,344
  • 73
  • 224
  • 412
  • don't use .png images. Open you favorite image editor [ :) ] and mix the images with a slice of the surrounding image and create .jpg images. (The alpha opacity gets messed creating black borders.) 'Export for web and devices' and your images will be smaller than the .png ones you use. – Roko C. Buljan May 09 '12 at 10:25
  • Read about that issue [here](http://stackoverflow.com/questions/1251416/png-transparency-problems-in-ie8)! – Zuul May 09 '12 at 11:03

1 Answers1

2

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.

Roko C. Buljan
  • 196,159
  • 39
  • 305
  • 313