title: Setting Opacity in CSS For Chrome
body: <p>I've tried the following:</p>
  
  <p>(this is actually for fancybox, as the overlay does not show in chrome/safari:</p>
  
  <pre><code>   $("#fancy_overlay").css({&lt;br /&gt;
                      'background-color': opts.overlayColor,&lt;br /&gt;
                      'opacity': opts.overlayOpacity,&lt;br /&gt;
                      '-moz-opacity': opts.overlayOpacity,&lt;br /&gt;
                      '-khtml-opacity': opts.overlayOpacity,&lt;br /&gt;
                      '-webkit-opacity:' : opts.overlayOpacity&lt;br /&gt;
      }).show();
  </code></pre>
  
  <p>And still nothing (in chrome/safari)</p>
  
  <p>What am I doing wrong?</p>