title: How to Auto Popup a CSS3 Modal Window When Page Loads?
body: <p>i am trying to figure this out.How o i make it work on page Load.</p>
  
  <p>my css</p>
  
  <pre><code>.modalDialog {
      position: fixed;
      font-family: Arial, Helvetica, sans-serif;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0,0,0,0.8);
      z-index: 99999;
      opacity:0;
      -webkit-transition: opacity 400ms ease-in;
      -moz-transition: opacity 400ms ease-in;
      transition: opacity 400ms ease-in;
      pointer-events: none;
  }
  
  .modalDialog:target {
      opacity:1;
      pointer-events: auto;
  }
  
  .modalDialog &gt; div {
      width: 400px;
      position: relative;
      margin: 10% auto;
      padding: 5px 20px 13px 20px;
      border-radius: 10px;
      background: #fff;
      background: -moz-linear-gradient(#fff, #999);
      background: -webkit-linear-gradient(#fff, #999);
      background: -o-linear-gradient(#fff, #999);
  }
  
  .close {
      background: #606061;
      color: #FFFFFF;
      line-height: 25px;
      position: absolute;
      right: -12px;
      text-align: center;
      top: -10px;
      width: 24px;
      text-decoration: none;
      font-weight: bold;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      -moz-box-shadow: 1px 1px 3px #000;
      -webkit-box-shadow: 1px 1px 3px #000;
      box-shadow: 1px 1px 3px #000;
  }
  
  .close:hover { background: #00d9ff; }
  </code></pre>
  
  <p>And to open the popup we have this link</p>
  
  <pre><code>&lt;a href="#openModal"&gt;Open Modal&lt;/a&gt;
  </code></pre>
  
  <p>I Tried this technique <a href="https://stackoverflow.com/questions/14413982/how-to-make-a-modal-window-in-html5-and-css3-popup-automatically">How to make a modal window in HTML5 and CSS3 popup automatically</a>
   but it didn't work.. Please help.t thanks</p>
  
  <p>ps: i also tried link click on page load using jQuery, but that also didn't work :(
  here is the jquery code.</p>
  
  <pre><code>$(window).load(function () {
  $("#preloader").delay(1000).fadeOut(1000);
  $('#notLoggedModalClick').click();
  </code></pre>
  
  <p>});</p>