semi-transparent colour on a table?

[hammerslane]

-RESOLVED-
I have a background image on my table, and I have a few <TD>'s scattered about the table. I want to colour a few of the <td>'s in a colour... but I also want the background image to show through partially. So I was basically wondering if it's possible to tell a browser to have a semi-transparent bgcolor on a <td>? do i need the 'style' tag?
thanks people :cool:

[pyro]

In IE, you could use the alpha filter (http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm), though it won't work in other browsers and is not a part of the CSS1 or CSS2 specs...

[hammerslane]

ah right... one thing that might be quite key (that i forgot to mention) is that the page i want the transparency to occur on is actually on an intranet over a windows server network... do you think that code would work if i put it onto the server and different computers tried to view it?

thanks pyro

[pyro]

It should work as long as they are browsing with IE 5.5+

[hammerslane]

thanks pyro, you're the don.
i'm having a slight problem with that microsoft website you gave me... is it possible to exclude the text (that is within the td) from the filter span?

[pyro]

I believe the filter applies to the element and all it's children, so the text will also be transparent. Here's an example:

<div style="filter: alpha(style=0,opacity=25); width: 300px; height: 150px; color: #990000; background-color:#99ccff">
<span>Some semi-transparent text/background.</span>
</div>

[hammerslane]

ah i see... it's a bit annoying if the text is transparent. anyone know of a way that i might exclude the text from the div tag? i tried just swapping about the tags here and there to no prevail... :confused:
thanks again pyro :cool:

[Sam]

I believe if you put the text in a div/span of its own within the td, and define the opacity from there, you should be able to get the result you want (ie, set the td's opacity to 40 and the text's opacity to 100, this might not be true though

[pyro]

No, I tried that before I posted, which is what led me to say "I believe the filter applies to the element and all it's children, so the text will also be transparent."

[Fang]

This will fix it:
<span style="position:relative;">Semi-transparent background normal text.</span>

[hammerslane]

thanks pyro, you rock
edit: thanks fang... and pyro! :rolleyes:

[RESOLVED]

[pyro]

Umm... that was Fang... ;)

[niknewguy]

ummm i also need help
:confused:
wer would i put this "<div> . . . . </div>" tag in?
do i have to put this tag inside the "<table></table>" tag?
or <td></td>? or <tr></tr>? or somwhere out this tags?
:confused: plz help me