Background transparency

aviemet

07-25-2007, 02:37 PM

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

07-26-2007, 05:49 AM

aviemet

07-26-2007, 06:28 AM

Hi avi,

Try with some opacity property of css3. for example

http://www.forums.hscripts.com/viewtopic.php?p=2235&sid=1a21368d22b8142c56569abeb161dc68

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

07-26-2007, 09:44 AM

I guess CSS just isn't there yet.

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

ahallicks

07-26-2007, 10:00 AM

Although it does have a filter:

filter: alpha(opacity=80);