我看过其他帖子，但它们看起来已经有3-4岁了，Bootstrap / Popper有很多变化。
我在Bootstrap 4中有一个菜单下拉列表，它位于容器内，上面有一个transform / translate2d。当下拉菜单出现时，它位于页面上的另一个容器下面（无论z-index如何），当我将鼠标移到它上面时，它会闪烁一堆。这发生在Chrome和Firefox中，因此我认为它与Bootstrap及其Popper.js的使用有关。
如果我删除了下拉菜单所在的大容器上的transform / translate3d，那么一切正常。
这是一个例子;只需点击下拉箭头即可查看重叠问题。然后，您将鼠标移动到“最小计数”行的末尾，以查看一些闪烁。如果你注释掉这个CSS行，它可以正常工作。
transform: translate3d(0%, -8px, 0);
答案 0 :(得分：0)
经过多次调查，这是＆＃34;堆叠环境的问题＆＃34;对于浏览器。 Bootstrap 4 / Popper.js下拉菜单执行CSS转换/ translate3d，这是罪魁祸首。要解决，请进行这些CSS更改：
具有下拉菜单的容器的父元素（这是下拉菜单中的两个）：
position: relative;
z-index: 10;
然后在具有下拉菜单的容器上：
z-index: 20; /* a value higher then the 10 above */
希望这有助于其他人。