支持IE和FF的ASP.NET弹出层

来源：互联网发布：bim设计方案优化编辑：程序博客网时间：2024/04/30 18:01

最近没时间，直接粘贴源码吧 。很简单的. 相信大家都能看懂. 有需求的请回复. 谢谢
源码如下：
<mce:style><!--    a    {        color: #000;        text-decoration: none;    }    .img    {        border: 0px;    }    .black_overlay    {        display: none;        position: fixed;        top: 0%;        left: 0%;        width: 100%;        height: 100%;        background-color: black;        z-index: 1001;        -moz-opacity: 0.8;        opacity: .80;        filter: alpha(opacity=80);    }    .white_content    {        display: none;        position: fixed;        top: 15%;        left: 25%;        width: 632px;        height: 445px;        border: 16px solid #FFF;        border-bottom: none;        background-color: white;        z-index: 1002;        overflow: auto;    }    .StdTextBox    {        font-family: verdana;        font-size: 9pt;        border: solid 1px black;        filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='false');    }    .btn    {        border-right: #7b9ebd 1px solid;        padding-right: 2px;        border-top: #7b9ebd 1px solid;        padding-left: 2px;        font-size: 12px;        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);        border-left: #7b9ebd 1px solid;        cursor: hand;        color: black;        padding-top: 2px;        border-bottom: #7b9ebd 1px solid;    }--></mce:style><style mce_bogus="1">    a    {        color: #000;        text-decoration: none;    }    .img    {        border: 0px;    }    .black_overlay    {        display: none;        position: fixed;        top: 0%;        left: 0%;        width: 100%;        height: 100%;        background-color: black;        z-index: 1001;        -moz-opacity: 0.8;        opacity: .80;        filter: alpha(opacity=80);    }    .white_content    {        display: none;        position: fixed;        top: 15%;        left: 25%;        width: 632px;        height: 445px;        border: 16px solid #FFF;        border-bottom: none;        background-color: white;        z-index: 1002;        overflow: auto;    }    .StdTextBox    {        font-family: verdana;        font-size: 9pt;        border: solid 1px black;        filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='false');    }    .btn    {        border-right: #7b9ebd 1px solid;        padding-right: 2px;        border-top: #7b9ebd 1px solid;        padding-left: 2px;        font-size: 12px;        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);        border-left: #7b9ebd 1px solid;        cursor: hand;        color: black;        padding-top: 2px;        border-bottom: #7b9ebd 1px solid;    }</style><body><div id="light" class="white_content">            <div style="text-align: right; margin-right: 10px" mce_style="text-align: right; margin-right: 10px">                <a href="javascript:void(0)" mce_href="javascript:void(0)" style="text-align: right;" mce_style="text-align: right;" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">                    <img alt="关闭" src="../images/wineparty/close.gif" mce_src="images/wineparty/close.gif" /></a>            </div>            <hr style="color: Black;" mce_style="color: Black;" />            <br />            <div>                <table style="border-collapse: collapse" mce_style="border-collapse: collapse" width="100%" bordercolor="#000000" cellspacing="0"                    align="left" bgcolor="#ffffff" border="1">                    <tbody>                        <tr>                            <td height="40" style="width: 10%">                                <div align="center" style="font-size: 12px;" mce_style="font-size: 12px;">                                    用户名：                                </div>                            </td>                            <td height="40" style="width: 50%">                                <div align="center">                                    <asp:TextBox CssClass="StdTextBox" ID="txtUserName"  Width="380px" runat="server"></asp:TextBox>                                </div>                            </td>                            <td height="40" rowspan="2" style="width: 30%">                                <div align="center" style="vertical-align: middle;" mce_style="vertical-align: middle;">                                    <asp:Image ID="imgPlace" runat="server" Width="380px" Height="260px" />                                </div>                            </td>                        </tr>                        <tr>                            <td height="40">                                <div align="center" style="font-size: 12px;" mce_style="font-size: 12px;">                                    描    述：                                </div>                            </td>                            <td height="40">                                <div align="center">                                    <asp:TextBox TextMode="MultiLine" CssClass="StdTextBox" ID="txtDesc" runat="server"                                        Height="130px"></asp:TextBox>                                </div>                            </td>                        </tr>                        <tr>                            <td colspan="3">                                <div align="center" style="font-size: 12px;" mce_style="font-size: 12px;">                                    <asp:Button CssClass="btn" ID="btnApply" runat="server" Text="报名" OnClick="btnApply_Click" />                                    <asp:Button CssClass="btn" ID="btnClose" runat="server" Text="取消" OnClientClick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" />                                </div>                            </td>                        </tr>                    </tbody>                </table>            </div>        </div>        <div id="fade" class="black_overlay">        </div>    </div></body> 

效果图：