Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
i use transparent images on my divs as background overlapping each other.whenever i test my site on explorer, it doesn't recogize my trans, instead it renders a gray colored area around my image. is there any way i can fix this problem?
-
By what you are saying it appears you are using PNG.
If you are using PNG use ONLY PNG8 compression to render correctly in IE and others
I recommend using GIF though. It renders ok in all browsers -
tnx a lot. but how can i get the same result with gif? my images have drop shadow overlaping each other. i find gif's not as good as png when it comes to that issue.tnx again.
-
that's the compromise
niether gif nor PNG8 deal well with fading effects (shadows)
There is a way of dealing with the human eye though.
I use Fireworks to do my graphics. Before i export something with shadows I place it in a separate file with the background similar in tone with the one i am going to apply the shadowed object to. Then I chose to export as GIF WEBSNAP 256 and apply an INDEX TRANSPARENCY. This way I get the shadow and some of the background tone around it to keep it feather-like not anti-alias.
You can see an example of this in my recently published website www.cassysdesign.ro - the menu buttons on the left are individual GIFs layed over a paper (JPG) -
appart form "contact"(which overlaps two different colour tones) you can barely see the surrounding background used for the surrounding shadows
-
Dean Edwards' IE7 JavaScript Library can be used to fix png transparency in IE/PC.
-
tnx a lot for the suggestions
-
- CommentAuthorNick Presta
- CommentTimeJan 5th 2006
Try running the PNG through PNGout:
http://infinity-stuff.com/other-stuff/nickpresta-ath-cx/scripts/pngout.exe
It helps if you saved the image in Photoshop.
1 to 8 of 8