title: Make popup background transparent without fading the popup
body: <p>I have been trying to make a popup for my website. The parent div class for the actual popup is set at <code>opacity:0.65</code>. But, the html doesn't show the desired effect. I want the popup centered in a transparent background which doesn't happen at all.</p>
  
  <p>CSS:-</p>
  
  <pre><code>.subket {
  background-color:#111;
  opacity: 0.65;
  position:absolute;
  z-index: 9001;
  top:0px;
  left:0px;
  width:100%;
  }
  .sub_con {
  max-width:350px;
  background-color:#FFF;
  border-radius: 5px;
  border: 1px solid #00A1E0;
  padding:5px;
  height:auto;
  overflow:visible;
  position: fixed;
  }
  </code></pre>
  
  <p>HTML:-</p>
  
  <pre><code>&lt;div class="subket"&gt;
  &lt;div class="sub_con"&gt;
  &lt;h2&gt;Subscribe to our e-mail!&lt;/h2&gt;
  &lt;form&gt;
  &lt;input placeholder="Enter your e-mail address..."/&gt;&lt;button&gt;&lt;/button&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/L8n6u3c1/" rel="nofollow">JSFIddle</a></p>