Issue with resizing semi transparent pngs in IE8/7

Expand Post »

Hi,
I've created a test page which shows a very strange issue in ie8/7.
Works fine in FF.
A semi transparent png (opacity + alpha opacity set) is overlaying another png.

It works fine but as soon as the image is changed from its original size then a horrible black outline is pasted around the non transparent areas.

I've tried png24/8 and also gifs and they all show the same problem....

Any thoughts?

Thanks in advance..

karl

test page at http://www.cirrus.netweather.tv/imagetest/

Similar Threads

Oval drawn is jagged instead of smooth in Java
issue with dynamic transparent pngs in IE6 in JavaScript / DHTML / AJAX
Semi transparent picture, hovering over wmp plug-in in HTML and CSS
Semi Transparrent Forms in Visual Basic 4 / 5 / 6

karlosesq

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Sep 2009

Permalink

Feb 1st, 2010

Re: Issue with resizing semi transparent pngs in IE8/7

The software is inserting pixels interpolated in colors between the colors of the pixels you have in the image when it does the resize. Such software does not know that you have chosen a certain pixel color to represent transparent. Did you choose black?

You usually cannot resize an image containing transparency.

MidiMagic

Reputation Points: 730

Solved Threads: 181

Nearly a Senior Poster

Offline

3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: IE6 footer wont stay at the bottom when jQuery expands content..

Next Thread in HTML and CSS Forum Timeline: Drupal Help

DaniWeb Message

Cancel Changes

User Name
Password