Is it possible to make a table's background semi transparent?

yes.


try something like:

style="-moz-opacity:50% ; filter:Alpha(Opacity=50);"

Nice samson. I bet I'll use that one of these days

-moz is for Mozilla browsers, while the filter is for IE -- I guess any other browser is outta luck eh? I guess you could use a semi-transparent PNG combined with that CSS to make it work across as many browsers as possible.

if you dont mind all the extra code and data involved very simply could you not just make an img file transparent and use it as the background for the table?

He wants it semi-transparent. GIF doesn't support alpha-transparency (which is why you see those jagged edges sometimes), so you'd need to use PNG, and IE doesn't support transparent PNGs.

So I think samson's solution would be the easiest, unless you wanted to use that JS hack to get IE to correctly render transparent PNGs.

Could that code be adapted to work in a CSS file? So that all tables across my web-site can be semi-transparent.

yea, What he said^_^!

Great code

For it to work in netscape you have to change it to a decimal...

-moz-opacity:0.5;

Originally Posted by collyer_1

Could that code be adapted to work in a CSS file? So that all tables across my web-site can be semi-transparent.

You can add any css into a css file..
Just like this..

table {
-moz-opacity:0.5;
filter:Alpha(Opacity=50);
}

-James

I attempted this for a particular div and all the text inside disappeared. What's the fix for that?

I tested the css. The backgwhole table is blurred since the opacity is low. However, the text is blurred too and the background image behind the table still doesnt appear in the 'transparent' table.