ul的绝对定位如何导致表格中的按钮重叠？

Question

不确定这是否与表格有关，但是我弹出一个表格，该表格与下一行表格中的按钮元素重叠。

我尝试过：
1）在弹出框ul 20000上创建我的z-index
2）使重叠的按钮具有一个带有z-index的相对位置
3）在每个表格行上设置特定的相对位置和z-index
4）删除除弹出窗口之外的所有位置
5）使li的z-index大于按钮...
6）以及以上内容的组合

带有border-collapse: separate;的表可能存在错误吗？
7）删除表格的border-collapse：独立的；
8）删除表格布局：固定；
9）检查桌上是否使用了z-index或定位

无法解决这个小问题。我的按钮上没有设置任何Z索引或位置。它们是display: inline-block;，有一定的余量。 我无法在网站上的其他地方复制它。

CSS：

/* POPUPS */
.list-popup {/* this class is on the button */
    position: relative;
    z-index: 20;
}
.list-popup ul {
    position: absolute;
    width: 200px;
    top: 30px;
    right: 0;
    display: none;
    background: #FFFFFF;
    opacity: 1;
    z-index: 1000;
}
.list-popup ul li{
    width: 200px;
    list-style: none;
    background-color: #FFFFFF;
    text-align: left;
    padding: 20px;
}

编辑： Here is a fiddle of it working -将弹出窗口类中的z-index从0更改为10，您可以看到区别。如上所述，我无法在应用程序的其他地方重现此内容。我检查了对可能影响z-index的其他类的引用，但找不到。

Answer 1

尝试：

/* POPUPS */
.list-popup {/* this class is on the button */
position: relative;
z-index: -2;

}