【发布时间】：2019-05-23 20:16:49
【问题描述】：
我有一个自定义下拉菜单，它是一种颜色选择器。下拉容器有一个固定的高度，带有一个使用溢出的自定义滚动条脚本：隐藏。如果您将鼠标悬停在下拉菜单中的单一颜色上，则会打开一个带有颜色名称和图像的小弹出/工具提示。 通常我会给这些弹出窗口一个位置：绝对和好的。 但这会导致弹出窗口被剪裁，所以 - 经过大量研究 - 我使用 position:fixed 并通过 JavaScript 计算它的确切位置。 效果很好......除了在 Safari 中。 尽管它的位置是固定的，但 Safari 仍然会剪裁弹出窗口。
我该如何解决这个问题？
总结：我有一个固定大小的容器，溢出：隐藏和其中的元素应该溢出容器的边界。 弹出窗口的固定位置似乎可以解决问题，但在 Safari 中没有。
测试站点：https://kryolan.einfach-beginnen.de/shop-product-singlecolors.html （下拉菜单可以在“Farbauswahl”一词的右侧看到）
【问题讨论】：
标签： css safari overflow css-position z-index