title: opacity in IE8 not working
body: <p>I have set opacity for a overlay which is working fine in FF, Chrome, Safari and IE9 but not in IE8. I googled alot but did not find any solution.</p>
  
  <p>my css code is <br/></p>
  
  <pre><code>#overlayEffectDiv { 
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      width: 100%;
      height: 100%;
      filter: alpha(opacity = 50);
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      opacity: 0.50;
      background: #000;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3000;
      /* hide it by default */
      display: none;
  }
  </code></pre>
  
  <p>In FF it is looking as below:</p>
  
  <p><img src="https://i.stack.imgur.com/XoW6u.jpg" alt="enter image description here"></p>
  
  <p>but in IE8 it is looking as below:</p>
  
  <p><img src="https://i.stack.imgur.com/EgveH.jpg" alt="enter image description here"></p>