title: Focus any particular div in body just like bootstrap modal
body: <p>I have designed page using boostrap . </p>
  
  <p>My intention is to focus a div in the body and everything else should get changed into gray or whatever similar to Bootstrap Modal . 
  when i apply a div with background color gray, it overlaps the focus div also ..</p>
  
  <p><strong>Fiddle :</strong> <a href="http://jsfiddle.net/9QqPY/" rel="nofollow">here</a>.</p>
  
  <p><strong>focue CSS ::</strong></p>
  
  <pre><code>    .infocus
  {
  z-index: 1050;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  }
  </code></pre>
  
  <p>This is the  fiddle i have tried , i have copied bootstrap class for above purpose. is there any other idea to show particular div in focus.</p>