Solved

PNG transparency issue with IE8

Posted on 2011-09-11
3
387 Views
Last Modified: 2013-12-08
I have an issue with png and transparency in IE8.

I use this CSS to create a light effect on hover:
opacity:.80;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

Open in new window

The first line is for FX/Chrome/etc. The other are the tests I've done to make it work on IE.

On my PNGs (see one attached) png creating problem of transparency with IEIE8 creates a really bad border around the image and its shadow.

I'm wondering if there is something wrong with IE or with my PNGs...
Thanks,
0
Comment
Question by:Gabo80
3 Comments
 
LVL 10

Accepted Solution

by:
Arman Khodabande earned 250 total points
ID: 36575509
Did you test it with other browsers like Firefox, Google chrome, . . .? (Of course I'm using Firefox and I see a dark border)

See if this can help you:

http://how-to.wikia.com/wiki/Howto_create_Transparent_PNG

http://techpp.com/2010/10/05/3-tools-to-edit-png-files-online-while-retaining-transparency/

http://www.elementsvillage.com/forums/showthread.php?t=26834

Good luck
0
 
LVL 27

Expert Comment

by:Tolomir
ID: 37163579
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

I spend far too much time on the web keeping up with the news: politics, the environment, computer stuff, the Experts Exchange. It's never-ending. But many of the most informative web pages are overwhelmed with noise: scrolling banners, flashing tex…
Keep your audience engaged and get the most out of your next presentation with these quick Prezi tips.
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

895 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now