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

Question

我设计了一款完美无缺的滑块（如下所示）

Pizza slider

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

Hint

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

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

Answer 1

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