title: Dynamic CSS classes for printing
body: <p><strong>Usecase:</strong> Clicking on a link opens an overlay with some content in it. There are many such links on the page, each of which has a corresponding content that loads inside the overlay. User should be able to print only the particular content. </p>
  
  <p><strong>Approach:</strong> On clicking the link, I am setting a class called "printer" to the body. Inside print.css, I am hiding all the page content EXCEPT what I see inside the overlay. On closing the overlay, I am removing the class from the body.</p>
  
  <p><strong>Issue:</strong> Everything seems to be working fine on FF and IE. On Chrome the print dialog hangs, whereas on Safari, I see a blank page.</p>
  
  <p>Any help would be appreciated to understand what I might be doing wrong OR if any other approach exists.</p>