Preserved Topic: Semi-transparent gifs (Page 1 of 1)

got some queries here.

the effect i wanna create is to have webpage with a table (with a
semi-transparent gif background) over the webpage's background
of a picture. how do i create this semi-transparent gif (with a light
tinge of blue) ?

is this effect thru the use of semi-transparent gifs?

evo.lanche - evolve. the only constant in life.

I don't think it is possible to truly achieve this. Some alternative might be
* saving the transparent background as a png - only supported by IE6 (?)
* using alfa filters in the code - not supported by netscape (?)
* Saving the background as sort of grid with transparent holes in it 1x1 pixels wide - This is not true transparency, but it can look ok, depending on what pictures you use on your page.

Or, if your table is fixed over the background, you can just use a copy of the background image and just tint it a bit blue and lighten it a little. This will create the effect of a semi-transparent layer being on top.

I'm not sure what you want, but did you try to make a single little square (1x1) fill it and then make the selection 1 pixel bigger to the top and another to the right, make that 'extra-pixels' transparents, and fill your image background with that....

Here I have a little one:




No edit, but i see it now: Somebody was faster..........





[This message has been edited by Wakkos (edited 11-02-2001).]

Only web browsers that have full support for PNG alpha blending (mentioned by ZOX) are Mozilla and IE5 for Mac (IE for Windows doesn't support PNG alpha blending). Also, Opera won't render correctly tables that have transparent image as background (all transparent pixels will be replaced bit specified BGCOLOR). So, you can either try the chessboard approach (1x1 transparent holes, which won't work in Opera, as stated above) or use alpha blending CSS filter (there are two different filters - one for IE & Mozilla, other browsers don't support this). Or, maybe you can think of some other way to achieve the same visual effect without using transparency...

pssSSTT!

lend a hand wouldja?

Jason

JK - Should I reply to this or the original thread in Ozone forum?

Oh well, I missed it then, I'll reply to this one. I saw (Mac, IE5) a black/white checkerboard background with indeed a moving thing with a transparent halo around it. As Doc mentioned, the bottom of the moving thing was clipped, but the transparency and the motion worked.

This whole situation irritates me too. I made this neat navigation thingie. You know, the kind that slides back into place when you scroll the page, so it's always at the same place? The background for the page had a vertical ruler (tick mark sort of strip) along the left, and the sliding panel overlapped the ruler and the overlapping bit looked like a, well - remember slide rules? that sort of thing. You can se the tic marks thru the bit of the slider that overlaps the ruler. Am I explaining this okay? Anyway, it looked really sweet on my Mac IE5 browser - partial transparency of the lens to look like a highlight - and I was getting really really excited about building it into some pages until I faced up to the grim reality that very very few people would ever see it the way it was meant to be, and it was just hideous in other browsers.

Shit. This is a disgusting situation. The more I think about it the more irritable I get. Do you think my congressman would be interested in hearing about this?

Nah.