使用Z-index制作遮罩层

最新推荐文章于 2021-11-13 09:12:38 发布

michaelwzl2008

最新推荐文章于 2021-11-13 09:12:38 发布

阅读量479

点赞数 1

分类专栏： div+CSS 文章标签： button server filter image input div

div+CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<div>
    <input id="Button1" type="button" οnclick="ShowDiv()" value="Show" runat="server" />
        <div id="divHidden" style=" display:none; position:absolute;left:0px;top:0px;width:100%;height:100%;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:1; text-align:center; vertical-align:middle;">
        
                        <!--显示内容层--> 
        </div>
        <div id="divLay2" style=" display:none; position:absolute;font:11px '宋体';top:51%;left:50%;width:300px;height:200px;text-align:center; vertical-align:middle;border:1px solid #666699;background-color:White;padding:1px;line-height:22px;z-index:2;margin-top:-125px; margin-left:-170px; filter:Alpha(Opacity=100);opacity:1">
            <br />
            <br />
            <br />
                <asp:Image runat="server" ID="img" ImageUrl="~/codeLoader.gif"></asp:Image>
                <span style="color:Red; font-size:12px;">数据处理中，请稍后...</span><br/>
                <input id="Button2" type="button" οnclick="HideDiv()" value="Hide" runat="server" />
        </div>
    </div>