IE Opacity issue

by Lien Z

HTML

<div class="none"></div>

<a href="#" class="a">click</a>

CSS

.none{
    background:rgba(0,0,0,0.5) !important;
    background:black;
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    z-index:1000;
    
    /* all the possible solution are here */
    /* but not one work in IE6 */
    filter:Alpha(Opacity=80);
    zoom:1;
    /* For web browsers who care */
    opacity: 0.8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

JavaScript

$("a").click(function(){
    $(".none").css("display","block");
});
$(".none").click(function(){
    $(this).hide();
});