我有一个自定义下拉菜单，有点像选色器。下拉容器具有固定的高度，该高度带有使用溢出：隐藏的自定义滚动条脚本。如果将鼠标悬停在下拉菜单中的单色上，则会打开一个弹出窗口/工具提示，其中包含颜色名称和图像。 通常，我会给这些弹出窗口一个位置：绝对正确。 但这会导致弹出窗口被裁剪，因此-经过大量研究，我使用了position：fixed并通过JavaScript计算了它的确切位置。 效果很好...除了在Safari中。 Safari固定了弹出式窗口的位置：
我该如何解决？
摘要：我有一个固定大小的容器，并且其溢出：隐藏且其中的元素应该溢出容器的边界。 固定弹出窗口的位置似乎可以解决问题，但不能在Safari中使用。
测试站点：https://kryolan.einfach-beginnen.de/shop-product-singlecolors.html （可以在右侧的“ Farbauswahl”下方看到下拉菜单）
答案 0 :(得分：0)
好的，我找到了解决方法。这似乎是Safari错误https://bugs.webkit.org/show_bug.cgi?id=160953。 弹出窗口的祖先位于绝对位置，并且具有z-index：0;。 如果我将该祖先的z索引设置为未设置，则不需要的裁剪将消失。