Cacher is the code snippet organizer for pro developers

[http://jsfiddle.net/3Vykc/](multiple modals)

<div id="openModal" class="modalDialog">
        <a href="#openModal" title="Close" class="close">&#10006;</a>
        <h3>Modal Box</h3>
        <p>This is a sample modal box using the powers of CSS3.</p>
        <p>You could do a lot of things here like have a pop-up ad that 
        shows when your website loads, or create a login/register form for users.</p>
</div>

.modalDialog {
  font: 15px calibri ;
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 2px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
  opacity:1;
    pointer-events: auto;
}
#openModal:target {
  pointer-events: none;
  z-index: 99999;
    opacity:0;
}
a {
  float: right;
  position: relative;
  text-decoration: none;
  top: 7px;
  font-size: 20px;
  font-weight: bold;
}