Background transparency

[aviemet]

I'm trying to put a transparent background on a table that holds the major body of my text and images for the site. I'm trying to work around the behavior of the nested objects in the table that seem to inherit the transparency. I've tried a couple pretty clever ways to cheat this from forums i've found, but due to my need for the size and position of my table to be relative, i can't seem to get fully opaque text, images and dynamic content inside a table with a semi-transparent background.

I've thought of using <div>'s to put the text over the table, so they were seperate, but i'm using overflow: auto; on the table so that it scrolls. My research so far tells me that there's just no way to do this so that it will look the same on all browsers, but I thought I'd see if anyone has any ideas.

Right now I just have a .png as the background as it displays correctly in IE7, firefox and opera browsers, but it's just a solid blue background on older browsers.

if you'd like to see it so far, this is the site: http://www.oceanecho.com
keep in mind we're still working on it.

Thanks
-Avi

[gemguy]

Hi avi,

Try with some opacity property of css3. for example

http://www.forums.hscripts.com/viewt...569abeb161dc68

i viewed the site. it founds to be very nice. Let me make my leisure time at your resort. HeHe.

[aviemet]

Originally Posted by gemguy

Hi avi,

Try with some opacity property of css3. for example

http://www.forums.hscripts.com/viewt...569abeb161dc68

i viewed the site. it founds to be very nice. Let me make my leisure time at your resort. HeHe.

Yeah, that's what I had before I switched to the .png background. The problem I had with that was that all my images were also transparent, which made it very difficult to see the room pictures and the google map i used for directions.

I guess CSS just isn't there yet.

Thanks anyway.

[Jutlander]

Originally Posted by aviemet

I guess CSS just isn't there yet.

CSS is there - it's stupid IE which doesn't support the opacity property yet.

[ahallicks]

Although it does have a filter:

filter: alpha(opacity=80);