滑块和溢出的CSS Jquery提示：隐藏

我设计了一个工作完美的滑块（如下所示）

现在，我将为我的滑块中的每个项目提供一个漂亮的花式提示，鼠标悬停会弹出，并显示有关比萨饼的一些信息。我创造了一个完美的飞行员

问题是因为我必须使滑块溢出：隐藏任何东西都不能越过边界。我读了很多文章和问题。显然，最有效的解决方案是溢出-y:hidden，但它不起作用！

overflow-x

和

overflow-y

都切断了所有边缘

---

隐藏宽滑块并向每个项目添加弹出提示的最佳方法是什么？

您可以将提示容器放在滑块元素的外部，并使其处于绝对位置。您可以通过单击元素的jquery offset（）定位“提示”。

弹出窗口应该绝对定位，而不是相对于滑块。