Javascript 如何使div与另一个CSS重叠？

我试图使用list制作一种下拉菜单，但是列表只显示了部分内容，部分内容被其他div隐藏。我怎样才能使它们重叠

HTML

简单地说，使用：

---

注意：元素必须具有绝对或固定位置，z索引才能工作

您是否尝试过修改它的z索引属性？另外，示例中的输入错误不在实际代码中，对吗？图像标记的缺失端我刚刚尝试过，但仍然不起作用。你能发布你的相关css和html，以及你使用的任何js吗？或者，一个带有完整编码的演示页面将非常有用：$document.readyfunction{$mph1.hide；$button.btn1.clickfunction{$mph1.showfunction{$button.btn1.hide}；}；}；你可以发布覆盖itI的div的html和css吗？我想让它通过owl旋转木马滑块尝试将z索引提高到非常高的值99999999

<div id="mph">
    <button type="button" class="btn1"><img src="images\menu.png"/></button>
    <div id="mph1">
        <ul>
            <li><a href="about.html">About</a></li>
            <li><a href="work.html">Work</a></li>
            <li><a href="plus.html">Plus</a></li>
            <li><a href="costumers.html">Costumers</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="contact.html">contact</a></li>
        </ul>
    </div>
</div>

#mph1{
  height:auto;
}

ul{
position:absolute;
z-index:99;
}