js怎么把弹出来的层显示在最前面？

JavaScript022

js怎么把弹出来的层显示在最前面？,第1张

如果想让弹出的层，显示到最前面，最简单的办法就是让这个层的层级最高。

下面是代码，仅供参考：

<body>

    <div style="width:100px height:100px position:absolute top:50% left:50% margin-left:-50px margin-top:-50px background:#cccdisplay:nonez-index:100" id="div"></div>

    <input type="button" id="btn" value="click" />

</body>

<script>

    var oDiv = document.getElementById('div')

    var oBtn = document.getElementById('btn')

    oBnt.onclick = function(){

        oDiv.style.display = 'block'

        //如果层级100还低，还可以动态设置

        oDiv.style.zIndex = 999999

    }

</script>

1．在同一个div中，编写如下图所示的一段代码，并在这段代码中设置dive的宽度和高度，以便文本具有特定的范围。

2．找到背景，如下图所示，添加背景后的图像作为背景图案。

3．在后台添加url（）。为了连接图像，在url中写入背景图像的路径。

4．你可以把你最喜欢的图片根据你的个人喜好。你必须把正确的路径写在这里。

5．这样，保存后的文本将覆盖在图片的顶部。

// 给弹出的div class="alertDiv" interface CSS {      .alertDiv {z-index: 5/*这里可以换成各种可怕惊人的数字

   越大越好*/} }