Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background transparency

    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

  • #2
    New Coder
    Join Date
    Apr 2007
    Location
    India
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts

    opacity property

    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.
    GemGuy

    Be friend of me
    Hey what a fun

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by gemguy View Post
    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.

  • #4
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Quote Originally Posted by aviemet View Post
    I guess CSS just isn't there yet.
    CSS is there - it's stupid IE which doesn't support the opacity property yet.
    .
    .

  • #5
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Although it does have a filter:

    filter: alpha(opacity=80);
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •