6 Replies Latest reply on Feb 9, 2013 10:09 AM by Nancy OShea

    Opacity screws up font in IE

    bnther Level 1

      I just recently discovered how to use opacity with CSS and while I'm getting transparency where I want it, IE does not display font correctly.  Not even close!  Mozilla and Safari work fine, so no problems there.  But for some reason the font looks like the old lettering, back in the days when the only font color was green   It's especially noticable on the 'C' in Contact.

       

      CSS:

      #navBar {
          position:absolute;
          left:3px;
          top:362px;
          width:960px;
          height:37px;
          z-index:4;
          background-color:#eaeaea;
          filter:alpha(opacity=70);
          opacity:0.70;
          -moz-opacity:.70;
          font-family:Century Gothic,"Lucida Grande", "Lucida Sans", sans-serif;
          cursor:pointer;
      }

       

      You can see what I'm reffering to here:

      hxxp://gtworkspace.com/