Solved

PNG transparency issue with IE8

Posted on 2011-09-11
3
394 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Internet is a big network which is formed by connecting multiple small networks.It is a platform for all the users which are connected to it.Internet act as platform in different fields. Such as: Internet  as a collaboration platform. Internet  as…
If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.

751 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