transparent td background? Options

[R1cky_Da_Man1982]

Hi,
I was wandering if it is possible to make the background color of a table cell slightly transparent,
so i can have a bit of color behind the text without it been too invasive, as I want the main body background image to show through slightly.

so is this possible?

This post has been edited by R1cky_Da_Man1982: Feb 1 2012, 04:29 AM

[pandy]

There is a CSS property called opacity that does that, only it affects both the foreground and the background. And there are problems with IE.
http://www.quirksmode.org/css/opacity.html

There's an old trick that still works though, even if it tricky to vary the opacity. It involves using a special background image. Create a small GIF image. Color every second pixel in one color and let the others be background color you chose to start with. Like a chess board. Then make one of the colors transparent. It will trick the eye and the background will look semi-transparent.

Another trick is to position a DIV with opacity applied to it behind the content.

[Darin McGrew]

Here's another technique that uses multiple background images, rather than relying upon opacity:
http://meyerweb.com/eric/css/edge/complexspiral/demo.html

[Frederiek]

Or, have a look here: http://www.impressivewebs.com/css-opacity-...child-elements/ .

[R1cky_Da_Man1982]

Thanks for the replies guys,

I have decided that what I am trying to achieve is too confusing so I am going to stick with the original layout.