1

I'm using a feature carousel on my new website - this is a horrible test version but take look and you'll see my problem - http://tradewinds.blendagency.co.uk/carousel/

It works fine in Chrome, FF and IE9 - however in IE8 and IE7, on the fade, an ugly black outline is added to the transparent PNG.

Does anybody know how I can remove the black outline in IE8 and IE7.

Thanks!

user1061859
  • 11
  • 2

1 Answers1

0

I fixed the problem with:

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

and then wrapping the image in a div, and animating opacity on the div rather than on the img

Roberto
  • 528
  • 7
  • 15