Click to See Complete Forum and Search --> : Printing transparent gifs from a webbrowser


ckiewatt
04-23-2003, 11:37 AM
I'm not having much luck finding out information searching online. Hopefully someone will have a brilliant idea to send my way.

We are working on a map that reflects sales. A transparent gif is loaded to represent the sales in a given state. All images are layered on top of each other. It displays perfectly. However, when printing from the browser, the background of the gif is not transparent. So only the top loading image appears as the "transparent" background prints over the other images.

Any ideas on how to resolve or workaround this?

thanks!
C:confused:

pyro
04-23-2003, 11:55 AM
Use CSS. Set up a print style sheet, and set the transparent gif to display:none Something like this:

<style type="text/css">
@media print { #hidden { display:none;}}
</style>
</head>
<body>
<img src="yourtransparent.gif" name="youimg" id="hidden"/>

ckiewatt
04-23-2003, 12:05 PM
First of all thanks for your response.

I tried dropping in the basic style you passed along. now no images print. I reread my post and I'm not sure if I was very clear in what I'm trying to do. Each transparent gif is a different state shaded in a color to match their sales. So I get a pretty picture of the 48 states with a variety of color. When I print I can't reproduce what I see on screen because only the top image shows.The images are stacked one on top of the other like legos.

If you have any other thoughts I'd love to hear them.

c

:)