PNG image not transparent on website, cannot find out why
Solution 1
The letters are white in the image file.
Solution 2
The logo appears to have transparency for me. I am using Chrome.
Also transparency with PNGs does not work in IE6 or older without some javascript fiddling. See: http://code.google.com/p/ie7-js/
Solution 3
I made the simple change for you and made the letters transparent. You can use it all you like. No charge! ;)
EDIT: Obviously you can do a much better job if you take a bit of time, but editing in image editing software is the only way for them to be transparent.
Seeing as the "h" of hvb has a nice flick at the end, surely its not meant to be transparent?!
Luuk
(Web)Designer from holland. www.luukratief.com www.twitter.com/luukratief
Updated on June 04, 2022Comments
-
Luuk about 2 years
I am working on a dutch site and i am having a problem with the logo of it. I saved the logo as PNG24 sothat the characters "hvb" in the logo will be transparent. for some odd reason, it shows the characters in plain old white.
Could somebody please tell me how this is possible. By the way: it is not caused by the h1 tag it is wrapped around.
http://www.luukratief-design.nl/wp/
Help would be appreciated
EDIT:
I have never seen this befor, but you guys where right! The image HAS indeed have white letters! The odd part about it is that the layers were hidden, so they look transparent in photoshop. Once i used save for web and exported it to png, all of a sudden they are white. Take a look at the screeny:
The solution: As stupid as it sounds, i deleted the white layers (which werent even visible), and exported it again. As you can see it works now.
I can only choose 1 right answer, so i will choose the first guy who pointed this out. Thanks guys. Still strange, but thanks!
-
Wesley Murch about 13 yearsHis file does have transparency though.
-
anothershrubery about 13 yearsThat doesn't explain why the rest of the image is transparent.
-
Wesley Murch about 13 yearsHe said he wants them transparent.
-
anothershrubery about 13 yearsThis is the only explanation. You need to have another look at the image, the letters ARE white. They are not, nor have ever been, transparent by the looks of things.
-
Alex about 13 yearsPNG24 is PNG32. Although it is 32 bit for some reason the name PNG24 was used. Probably an older version that was only 24 bit. However, all PNG's support transparency, it's just that PNG8 doesn't support alpha transparency
-
Quentin about 13 years@Madmartigan — He said they were transparent but something was preventing the background from shining through. That something is that they aren't really transparent.
-
My Head Hurts about 13 years+1 - I'm with David. @Madmartigan - Well he'd best draw them transparent in his image file then.
-
Wesley Murch about 13 yearsAh I stand corrected, it was me who misunderstood. I always forget to assume the obvious.