Home/ Questions/Q 8622711
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T07:07:26+00:00

I have html page with a div element. It is actually css to hide

  • 0

I have html page with a div element. It is actually css to hide page when modalpopup is opened. It is working fine in firefox but not in IE 6. Can anyone please suggest. 

<!DOCTYPE html>
<html>
<head>   
    <style type="text/css">
        .overlay1
        {
            position: fixed !important;     
            background-color: #000;       
            width: 100%;
            height: 100%;
            top: 0px;            
            left: 0px;
            bottom: 0px;
            right: 0px;
            padding: 0;
            margin: 0;            
            filter: alpha(opacity=20);
            opacity: 0.2;
            -moz-opacity: 0.2;
            -khtml-opacity: 0.2;
            -webkit-opacity: 0.2;
            z-index: 10004;            
        }
    </style>
</head>
<body>
    <div class="overlay1">
    </div> 
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First: IE6 does not support position:fixed;
    Possible solution:

    * html .fixedBlock{
    position: absolute;
    top: expression(eval(document.body.scrollTop) + "px");
}

    Another problem – as I know, opacity for IE 6 should be set like this:

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    • 0