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

Question

我设计了一个完美运行的 Slider（如下所示）

Pizza slider

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

Hint

问题是因为我必须制作滑块overflow: hidden 没有任何东西可以越过边界。我读了很多文章和问题。显然解决方案是overflow-y: hidden，但它不起作用！ overflow-x 和 overflow-y 都切断了所有边缘。

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

Answer 1

您可以将提示容器放在滑块元素之外，并使其绝对定位。您可以通过单击元素的 jquery offset() 定位“提示”。