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 7 of 7
  1. #1
    New Coder
    Join Date
    Sep 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    semi-transparent (or completly transparent) divs?

    I'm pretty sure theres a way to do this in at least firefox..Is there a way to do it with CSS in both? and if not is there any way I can make them completly transparent?
    Last edited by somebody509; 11-08-2006 at 12:40 AM. Reason: divs, not tables

  • #2
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    opacity: 0.90;
    filter: alpha(opacity:90);

    oh and if you're really looking for the bleeding edge method: http://www.css3.info/preview/opacity.html & http://www.css3.info/preview/rgba.html
    Last edited by john_m; 11-08-2006 at 12:48 AM.

  • #3
    New Coder
    Join Date
    Sep 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ahh thanks for the reply. So if i have my main body set as a background image, and have the divs semi transparent, you'll be able to see the background image?

  • #4
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    here's a test page you can look at. maybe it'll give you a better idea of the actual implementation.

    http://caenim.com/div-opacity-test.html

    oh and it's probably worth noting that your css will no longer be valid according to the w3c...

  • #5
    New Coder
    Join Date
    Sep 2006
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by john_m View Post
    here's a test page you can look at. maybe it'll give you a better idea of the actual implementation.

    http://caenim.com/div-opacity-test.html

    oh and it's probably worth noting that your css will no longer be valid according to the w3c...
    Hmmm that works fine in Firefox for me but not IE...I think I found something anyway though. Thanks for the help.

    http://myspace.com/fujiok13 MAy be myspace, but they got the job done.
    Last edited by somebody509; 11-08-2006 at 01:42 AM.

  • #6
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    whoops, was typing a little too fast for my own good and goofed a bit on the part that is supposed to work for IE

    filter: alpha(opacity:90); should've been
    filter: alpha(opacity = 90);

  • #7
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,305
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Quote Originally Posted by john_m View Post
    oh and it's probably worth noting that your css will no longer be valid according to the w3c...
    You can ensure validity by validating against CSS3 instead of the W3C validator’s default CSS2 and by putting the Microsoft-proprietary CSS inside a conditional comment. I suppose it’s a moot point if this is going to be used on MySpace, as I suspect, though, since their code is totally invalid.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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