Solved

animated png fix for ie8 animation

Posted on 2011-09-22
2
953 Views
Last Modified: 2012-06-21
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
Comment
Question by:Neil_Bradley
2 Comments
 
LVL 4

Accepted Solution

by:
Somersault earned 500 total points
ID: 36580743
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
 
LVL 5

Author Closing Comment

by:Neil_Bradley
ID: 36595984
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

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Question about JQuery and asp.net 3 30
Generate Numbers in JQuery file 11 66
JQuery Autocomplete Tag AJAX (Need nice script) 11 34
Why "Mobile First"? 5 18
PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question