[sleepingfish]

Happy Friday everyone.

Here's todays conundrum:

Until now I've been using:

-moz-opacity: 0.whatever;
filter: Alpha(Opacity=whatever);

to control transparency. However this doesn't work on a Mac, but I stumbled across this today:

http://www.csszengarden.com/?cssfile...098.css&page=0

and it appears to have transparent DIVs that work on a Mac.

The css file only mentions transparency a couple of times like this:

background: transparent url(footer_bg.gif) no-repeat top left;

so I just tried it out and it doesn't work, what am I missing?

TIA

[Brown]

semi-transparent png's as backgrounds?

[sleepingfish]

Originally Posted by Brown

semi-transparent png's as backgrounds?

Is that it? How dissapointing, ah well.

But the css says .gif and what's with the background: transparent url... gubbins?

Hmmm...

[Brown]

dunnow. just a thought. however, i was playing with this earlier in the week. setting the background colour of a table (tabular data presentation) and then having two transparent png's (with differing transparency) as the bkg image for the the tr's classed as rowA and rowB.

however, i found that the colours which were finally displayed by ff and ie were very, very different.

[oli]

It could be just a a solid image but faded out in photoshop so it appears to be semi-transparent.

[Stickman]

Or it could be this:

http://www.csszengarden.com/098/footer_bg.gif

[sleepingfish]

Well done Sherlock

I feel cheated.

[Brown]

me too.

[sleepingfish]

Although it still doesn't explain the use of the word "transparency" in the background image style.

Maybe it's so that if gullible people have a look at the code they start to think there's a whole other way of making transparency work that they don't know about. The fools.

[Stickman]

It actually means no bg color (but what you said is more exciting).

[oli]

Originally Posted by Stickman

Or it could be this:

http://www.csszengarden.com/098/footer_bg.gif

s'what i meant couldnt be arsed explaining it well . honest.

[mhulse]

Probably the best CSS transparancy I have seen on the web... way better than using gifs.... works on mac/peecee too...

http://leon.vicnet.net.au/alfabeta/

only prob is it aint gonna validate