0 Replies Latest reply on Jul 6, 2010 3:30 AM by Rothko&Nadar

    CSS opacity: background opaque, but content not..help

    Rothko&Nadar

      Dear all,

       

      It's been a while but I have something I just can't figure out .. what I'm after...I want the background of the main container to be 60% opaque, but the actual content divs not ... can anybody help me with this

       

      Thanks

       

       

       

      #mainWrapper {
          width: 850;
          padding: 0px;
          position: absolute;
          top: 300px;
            width:850px;
        margin:0px;
        background-color:#ffffff;
        /* for IE */
        filter:alpha(opacity=60);
        /* CSS3 standard */
        opacity:0.6;
      }

      #contentWrapper {
          width: 480px;
          padding-top: 0px;
          padding-left: 0px;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 13px;
          display: block;
          margin-left: 210px;
          margin-right: 160px;
          background-color: #FFF;
            /* for IE */
        filter:alpha(opacity=100);
        /* CSS3 standard */
        opacity:1;
      }