Solved

PNG transparency issue with IE8

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

Enroll in July's Course of the Month

July's Course of the Month is now available! Enroll to learn HTML5 and prepare for certification. It's free for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

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

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
Many programs have tried to outwit PowerPoint in terms of technology and skill. These programs, however, still lack several characteristics that PowerPoint has possessed from the start. Here's why PowerPoint replacements won't entirely work for desi…
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"…
It’s easy to embed any of your public Prezi presentations on your website or social network to share with others. Learn how simple it is in this tutorial.

636 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