CSS setting opacity in a table background

[danrok]

Cascading Style Sheets.

Anyone know how to go about setting a table background to be black with some opacity?

[Toro]

try

.tinytableopacity    {
FONT-SIZE: small;
FONT-FAMILY:sans-serif;
background: transparent;}

.tinytableopacity TD {
border:1px solid black;
FONT-SIZE: xx-small;
FONT-FAMILY: sans-serif;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;}

wish I knew this myself... but I got it from http://www.mandarindesign.com/opacitycolor.html

there is 3 pages of stuff there... having a quick flick through it, it looks quite useful and informative

hth

[Gizmo]

I don't think you can get opacity to work at all in IE 6. IIRC it is a CSS3 extension, and so has only limited support in any of the browsers.

[Toro]

works on my IE6 gizmo, also in my FF2, and I have no fancy add-ons for either

[Gizmo]

Both IE and FF support an opacity capability, that is NOT standard CSS. In addition, FF supports the CSS3 opacity property.

Opacity is specified using the CSS3 property:

opacity:x

Where x is a value between 0.0 and 1.0

IE 6 and 7 do not support this. Instead, they support Microsoft's own proprietary extensions for this capability (In their defense, I know CSS3 wasn't a standard when IE 6 came out. I don't know why it isn't included in IE 7, though). To get the opacity effect on IE, you have to use:

filter:alpha(opacity=x)

where x is a number between 0 and 100

Firefox has supported the CSS3 opacity property since FF 1.0, from what I can find. It also supports a proprietary extension used in earlier Mozilla browsers (again because CSS3 wasn't finalized). The extension is:

-moz-opacity:x;

where x is a number between 0.0 and 1.0 (similar to the final CSS3 spec).

So, that's the story on the opacity property. I learned something new today.

[Toro]

eeeuurrggh

me too (learnt something today)

I just did an quick Google and that was the page that came up... figured it would be what "he" was looking for

[danrok]

Thanks! No wonder I was getting confused.