ASP.NET中在本页面弹出窗口，主页面变成灰色

其实就是几个DIV层 = =

加一个让主页面半透明的层

<div id="doing" style="display:none; Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute;TOP: 0px; HEIGHT:92%;background-color:#f9fff6;FILTER: alpha( Style=3 FinishOpacity=30);">  
    </div>

加一个弹出的页面层：

 <div id="AddState" style="display:none;position:absolute; width:220px;height:80px;text-align:center;vertical-align:middle;left: 350px; top: 224px; z-index:13000;background-image:url(../Images/body_bg.gif);border-right: lightgrey thin dashed; border-top: lightgrey thin dashed; border-left: lightgrey thin dashed; border-bottom: lightgrey thin dashed;">
    <div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" >
        <div>状态名称：<asp:TextBox ID="tbState" runat="server" Width="100" ></asp:TextBox><asp:Button ID="btnAddState" runat="server"  onclick="btnAddState_Click" Text="添加" />
            <input id="BttCancel" type="button" value=" 取消 " onclick="ShowNo()" />
            <div>
            <asp:RequiredFieldValidator id="rfN" runat="server" ErrorMessage="状态名称不能为空！" ControlToValidate="tbState" CssClass="Text">
            </asp:RequiredFieldValidator>
            </div>
        </div>
  </div>
  </div>

再加上JS控制显示：

<script language='javascript'>
        function Show() {
            document.getElementById("doing").style.display = "";
            document.getElementById("AddState").style.display = "";
        }
        function ShowNo() {
            document.getElementById("doing").style.display = "none";
            document.getElementById("AddState").style.display = "none";
        }
        function HideLoginDiv() {
            var Login = document.getElementById("Javascript.Div5");
            Login.style.visibility = "hidden";
        }

    </script>

然后，下面你懂得。。。

方法转自CSDN论坛：http://topic.csdn.net/u/20080720/14/d8481f88-3ca1-4643-815b-c99cda043933.html

PS：8楼

转载于:https://www.cnblogs.com/New-world/archive/2012/05/07/2487753.html