title: Concept to disable all background content
body: <p>Here I am using jquery dialog box but I have to disable my background content so that user should not able to click on any button or not able to select anything. </p>
  
  <p>But how to do it.   </p>
  
  <pre><code>&lt;!doctype html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;jQuery UI Dialog - Default functionality&lt;/title&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
      &lt;script&gt;
      $(function() {
      $( "#dialog" ).dialog();
      });
      &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id="dialog" title="Basic dialog"&gt;
      &lt;p&gt;This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.&lt;/p&gt;
      &lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>