How to block the drop down in IE6

问题

In my project I am using the update progress bar. When the button is clicked the background page will be disabled. It works fine in IE7, Firefox and Chrome. But in IE6 the dropdown is displaying behind the progress bar. Can any one help me to solve this problem. Here the code:

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="fp_t012stk.aspx.vb" Inherits="fp_t012stk" title="Current Stock Report" %>


   <asp:UpdateProgress id="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" runat="server" DisplayAfter="0">
<progresstemplate>

<div id="Layer1" style="top:45px; left:0px; width:80%; height:100%; z-index:1; background:gray; display:block; vertical-align:middle; text-align:center; padding:130px; font: 18px/1.6 Times New Roman; margin:0px 0px 0px 0px; background-color:Gray;filter: alpha(opacity=60); opacity: 0.1; width:76%; height:100%; overflow:auto; text-decoration:none; color:Black; position:absolute; top:0px; left:0%; margin-left:-10px"> 


                <asp:Image ID="imgloading" runat="server" ImageUrl="~/images/ajax-loader2.gif" /><br /> 
            </div> 


</progresstemplate>
    </asp:UpdateProgress>
    <br />
</asp:Content>

Thanks in advance

回答1:

Check your html output. And see if the z-index of the dropdown and the progress bar style values. May be both are having 1, or dropdown a lesser value ( 0 , -1) . try specifying the lowest value to the progress bar style than the other controls.

来源：https://stackoverflow.com/questions/6489530/how-to-block-the-drop-down-in-ie6

标签

ASP.NET

html

css

internet-explorer-6