Question

当我点击我网页上的一个按钮时，想要一个占据整个高度和宽度的div，以便在div关闭之前不能点击任何其他元素。

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

popup div
z指数为10

和元素 z-index为1000，但它没有用。 Plz提供你的sugesstions

Answer 1

这样的东西应该可行，或者你，zindex应该只是一个问题，如果你已经设置在页面上的其他地方。通过使用绝对位置，如果没有z-index碰撞，它将显示在所有内容上。

<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>

示例是posted here

弹出div中的Z-index问题

1 个答案: