SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot sappo's Avatar
    Join Date
    Sep 2005
    Posts
    142
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Transparent background - but NOT contents

    I have found lots of articles about this but none that stop internal images/object being transparent too.

    This is the code I currently have:

    Code:
    .boxcontent {
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    }
    
    .boxcontent * {
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    }
    And this does stop the internal text being transparent but internal images are still.

    Has anyone come across a fix for this?
    Check out my Movie Trailers website - Popcorn Trailers

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd use a 1x1 partially transparent PNG to do that.

    You'll need to use a hack to make it work in IE5.5-6 though.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  3. #3
    SitePoint Zealot sappo's Avatar
    Join Date
    Sep 2005
    Posts
    142
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great tip - cheers
    Check out my Movie Trailers website - Popcorn Trailers


Bookmarks

Posting Permissions

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