Jump to content

Newb PNG transparency problem

Recommended Posts

So I've got a small icon graphic with a white background that I want to make transparent. I've followed some other threads and got the background to be checkerboard. Both the magic want + delete and also the paint bucket with opacity of zero work great. No problem so far.

However when I place it in my web page it still has a white square background. This is in FF 2 and IE7 both. When I open it with the generic Vista photo viewer it appears to have a transparent background, just not in the browsers. I know this is a bit of a web question, maybe not so much PDN question but since PDN is the tool that I'm using... /shrug.

Anyways if anyone can tell me what I'm doing wrong I appreciate it.

Old: update.png

New Supposedly Transparent: update2.png

Thanks in advance.

Link to comment
Share on other sites

Unbelievable. I have a style for input elements (in this case input type=image) that has an off white background color specifier. It was just close enough to white that I thought my background wasn't transparent.

Who knows, maybe this will help someone else as clumsy as me. :D

Link to comment
Share on other sites

Ah, global element-level CSS declarations. They'll get ya' every time. :wink:

Perchance, do you have the Firebug extension for Firefox? If you inspect the element, it'll show you any style rules that effect that element and where they are in the linked stylesheets. (Though, I guess if one thought it was simply an error with the image transparency, there'd be little prompt to check it... Still, though, Firebug's an awesome extension... :))

I am not a mechanism, I am part of the resistance;

I am an organism, an animal, a creature, I am a beast.

~ Becoming the Archetype

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...