SlipHover js除了Iphones外，其他地方都在工作

Question

我创建了一个基本的详细信息页面，它显示了一个产品图像，当你将鼠标悬停在它上面时，一个覆盖图就会滑入，其中包含有关所述产品的信息。这一切都是通过slipvhover.js完成的：https://wayou.github.io/SlipHover/

默认情况下，这在移动设备上是禁用的，所以我评论了以下内容：

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)) { 
alert("Mobile user detected");
}

现在它可以在除iPhone(IOS 13+(之外的所有移动设备上运行，甚至可以在我的旧Ipad(IOS 9.3.5(上运行。我在Windows笔记本电脑上工作，所以为了调试Safari，我使用了https://inspect.dev/，这里没有错误，当我点击手机上的图像时，什么都没有发生，但在我笔记本电脑上的调试工具中，覆盖物滑了进来。

由于零错误，而且我更喜欢安卓系统而不是苹果，我正在努力寻找原因。如有任何帮助，我们将不胜感激。

Answer 1

如果这种情况发生在其他人身上，我找到了答案。看起来IOS一直在为的body标签添加一个额外的样式

-webkit-backface-visibility: hidden;

因此滑块工作但不可见，只需将上面的内容更改为：

-webkit-backface-visibility: visible!important;

问题解决了。