Solved

PNG transparency issue with IE8

Posted on 2011-09-11
3
386 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

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
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"…
Learn how to download your full Prezi presentation for offline presenting. Prezi doesn’t have to be viewed and shared in a web browser, even with a free account you can download your full presentation to share with others. Be sure to download any vi…

746 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

10 Experts available now in Live!

Get 1:1 Help Now