div+css模拟弹出窗口

最新推荐文章于 2021-12-02 09:43:57 发布

JJzxz

最新推荐文章于 2021-12-02 09:43:57 发布

阅读量4.7k

点赞数

分类专栏： DIV+CSS

本文链接：https://blog.csdn.net/JJzxz/article/details/41444939

版权

DIV+CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

CSS

#div
        {
            position:absolute;
            left:0;
            right:0;
            top:0;
            bottom:0;
            z-index:999;
        }
        #div .layer
        {
            position:absolute;
            left:0;
            right:0;
            top:0;
            bottom:0;
            z-index:1000;
            background: gray;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6; /*Firefox私有，透明度50%*/
            opacity: 0.6; /*其他，透明度50%*/
        }
        #div #center
        {
            position: absolute;
            left: 200px;
            right: 200px;
            top: 70px;
            bottom: 400px;
            width:170px;
            background:rgb(255,255,255);
            margin:100px auto;
            padding:60px 100px 100px 100px;
            z-index: 1001;
        }

HTML

<div id="div" style="display:none">
        <div class="layer">
        </div>
        <div id="center">
            aaa：
            <cc1:TextBox ID="txt" runat="server" Width="100px">
            </cc1:TextBox>
            <asp:HiddenField ID="txtId" runat="server"></asp:HiddenField>
          </div>
    </div>