Solved

PNG transparency issue with IE8

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

Ransomware-A Revenue Bonanza for Service Providers

Ransomware – malware that gets on your customers’ computers, encrypts their data, and extorts a hefty ransom for the decryption keys – is a surging new threat.  The purpose of this eBook is to educate the reader about ransomware attacks.

Question has a verified solution.

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

After uninstalling Opera browser (for example ver. 10.63), your attempts to open a web page by clicking on a URL link may fail with an error message.  The error is "This operation has been canceled due to restrictions in effect on this computer. Ple…
Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
In this tutorial viewers will learn how to create blended and gradiated shapes in Illustrator using the blend tool Draw two shapes, one of them in a different color: Select both and create a blend by going to Object > Blend > Make: Blends can also b…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

773 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