title: jQuery .css body opacity
body: <p>I have a news tab where whenever an user clicks it, the popup box shows up with the details, however I want the background or the body tag itself to dim so I wrote:</p>
  
  <pre><code>$("#read").click(function(){
      $("#pbox").fadeIn('slow');
      $("body").css({"opacity": "0.5"});
  });
  </code></pre>
  
  <p>However the box itself dims either. Is there a way to make the box ignore this command? Or maybe there is another way around?</p>