Html 弹出分区中的Z索引问题_Html_Popup_Z Index

Html 弹出分区中的Z索引问题

html

Html 弹出分区中的Z索引问题,html,popup,z-index,Html,Popup,Z Index,当我点击网页上的一个按钮时，我想弹出一个具有全高和全宽的div，这样在关闭div之前就不能点击任何其他元素当div可用时，我只想单击网页的某个元素。试图给予弹出div z指数为10 元素呢 z指数为1000，但不起作用。请提供您的建议类似这样的建议应该有效，否则，只有当您在页面上的其他位置设置了zindex时，zindex才应该成为一个问题。通过使用绝对位置，如果没有z索引冲突，它将显示在所有对象上 <html> <head> <scri

当我点击网页上的一个按钮时，我想弹出一个具有全高和全宽的div，这样在关闭div之前就不能点击任何其他元素

当div可用时，我只想单击网页的某个元素。试图给予

弹出div
z指数为10

元素呢

z指数为1000，但不起作用。请提供您的建议

类似这样的建议应该有效，否则，只有当您在页面上的其他位置设置了zindex时，zindex才应该成为一个问题。通过使用绝对位置，如果没有z索引冲突，它将显示在所有对象上

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $(".button").click(function(){
                togglePopUp()
            });

        });
        function togglePopUp(){
            if($(".popUp").is(":visible")){
                $(".popUp").css('display', 'none') ;
            }else{
                $(".popUp").css('display', 'block') ;
            }

        }
</script>
<style>
body{
    border:0;
    padding:0;
    margin:0;
    }
.popup{
position:absolute;
top:0;
left:0;
background-color:#000;
width:100%;
height:100%;
display:block;
z-index:10;
}
.close{
    float:left;
    margin-left:50px;
    color:red;
    }



</style>

    </head>
    <body>
    <div class="popUp" style="display: none"><div class="button close">close me</div></div>
    <div class="button">click me</div>


    </body>

</html>


$（文档）.ready（函数（）{
$（“.button”）。单击（函数（）{
togglePopUp（）
});
});
函数togglePopUp（）{
如果（$（“.popUp”）.是（“：可见”））{
$（“.popUp”）.css（'display'，'none'）；
}否则{
$（“.popUp”）.css（'display'，'block'）；
}
}
身体{
边界：0；
填充：0；
保证金：0；
}
.弹出窗口{
位置：绝对位置；
排名：0；
左：0；
背景色：#000；
宽度：100%；
身高：100%；
显示：块；
z指数：10；
}
.结束{
浮动：左；
左边距：50像素；
颜色：红色；
}
关上我
点击我

示例是

我想要的是当弹出窗口已经存在时，在网页中显示一个元素（如果您可以在网页上显示示例，我将能够更快地提供帮助；）