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

JavaScript019

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>

在显示选项卡上，将图层在内容列表中向上或者向下拖动。

将要放置图层的位置处会显示一条黑线。

释放鼠标键将图层放置到新的位置。

通常，各注记图层将按照它们在内容列表中的显示顺序绘制到地图中，这可能会导致注记被隐藏在其他图层之下。但是，您也可以选择将注记图层始终绘制到其他图层上方。要执行此操作，请打开该注记图层的图层属性对话框，单击显示选项卡，然后取消选中以此图层在内容列表中相对于其他图层的顺序绘制此图层。如果取消选中此选项，则即使注记图层位于内容列表的底部，也会始终将其绘制在其他图层之上。如果地图中存在多个注记图层，则这些注记图层的绘制顺序将取决于它们在内容列表中的相对位置。