• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 975
  • Last Modified:

animated png fix for ie8 animation

After a few hours of trying the many fixes to the png black border problem I am turning to the experts.
The link will take you to a simple animated banner http://www.soundsairpark.com/test.php

My pngs fade in fine on all brewers except IE8. I have literally tried everything to stop the black border appearing around the png while it fades in.
Can anyone help?
N

PS: I have applied this class to my images but still no luck:
.png-fix {
    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;
}
0
Neil_Bradley
Asked:
Neil_Bradley
1 Solution
 
SomersaultCommented:
That's the problem with IE8 and alpha channels in PNGs. Whenever you change the fade:ing it still ends up creating ugly-looking black borders. AFAIK there's no way to solve this except for adapting your image so there's no semi-transparent pixels.
0
 
Neil_BradleyWeb UX/UI DeveloperAuthor Commented:
Hi Somersault and thanks for commenting on my question. I have come to conclusion that you are correct and that there is now way to solve my question.

I have awarded you the points and closed this question.
Cheers,
N
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now