SlipHover js 在除 Iphone 之外的任何地方都可以工作答案

【问题标题】：SlipHover js Working everywhere but IphonesSlipHover js 在除 Iphone 之外的任何地方都可以工作
【发布时间】：2021-09-19 21:30:14
【问题描述】：

我创建了一个显示产品图片的基本详细信息页面，当您将鼠标悬停在该页面上时，会显示一个包含该产品信息的叠加层幻灯片。这一切都是通过 sliphover.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/ 的 Inspect 工具，这里没有错误，当我点击手机上的图像时，什么也没有继续发生，但在我的笔记本电脑上的调试工具，覆盖滑入。

由于零错误并且比 Apple 更喜欢 Android，我正在努力寻找一个原因。任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery ios iphone mobile

【解决方案1】：

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

-webkit-backface-visibility: hidden;

所以滑块工作但不可见，只需将上面的更改为：

-webkit-backface-visibility: visible!important;

问题已解决。

【讨论】：