title: how to create custom modal overlay
body: <blockquote>
    <p><strong>Updated :</strong> <a href="http://jsfiddle.net/U7wqE/3/" rel="nofollow">JsFiddle Link here</a></p>
  </blockquote>
  
  <p>I have a hidden div .I shows it on an event and i am using <a href="http://blog.guilhemmarty.com/flippy/" rel="nofollow">Jquery Flippy plugin</a> to rotate this div when it open (as a popup). I just want to make modal overlay for background when popup shows. Means no one can click in background untill the popup disappear. Cant use jquery dialog.</p>
  
  <p>Background should be blur and no event happen on background.but When popup div disappear then everything should work normal. ask for any clearification if u need.Thanks!</p>
  
  <blockquote>
    <p>**update : **button 'click me' and all other elements should not be clicked when div is open.<code>&lt;&gt;</code></p>
  </blockquote>