SlipHover js 除 Iphone 外无处不在
SlipHover js Working everywhere but Iphones
我创建了一个显示产品图片的基本详细信息页面，当您将鼠标悬停在它上面时，会滑入一个叠加层，其中包含有关该产品的信息。
这一切都是通过 sliphover.js 完成的：https://wayou.github.io/SlipHover/
默认情况下，这在移动设备上是禁用的，所以我注释掉了以下内容：
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)) {
alert("Mobile user detected");
}
现在它适用于所有移动设备，除了我phones (IOS 13+)，甚至 运行 我的旧 Ipad (IOS 9.3.5)。
我正在 Windows 笔记本电脑上工作，所以为了调试 Safari，我使用 https://inspect.dev/ 的 Inspect 工具，这里没有错误，当我单击 [=27] 上的图像时=]，没有继续发生，但在我笔记本电脑上的调试工具中，叠加层滑入了。
零错误并且比 Apple 更 Android 粉丝，我正在努力想出一个原因。
任何帮助将不胜感激。
如果其他人遇到这种情况，我找到了答案。
看起来 IOS 一直在为以下 body 标签添加额外的样式：
-webkit-backface-visibility: hidden;
所以滑块工作但不可见，只需将上面的内容更改为：
-webkit-backface-visibility: visible!important;
问题已解决。
我创建了一个显示产品图片的基本详细信息页面，当您将鼠标悬停在它上面时，会滑入一个叠加层，其中包含有关该产品的信息。 这一切都是通过 sliphover.js 完成的：https://wayou.github.io/SlipHover/
默认情况下，这在移动设备上是禁用的，所以我注释掉了以下内容：
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)) {
alert("Mobile user detected");
}
现在它适用于所有移动设备，除了我phones (IOS 13+)，甚至 运行 我的旧 Ipad (IOS 9.3.5)。 我正在 Windows 笔记本电脑上工作，所以为了调试 Safari，我使用 https://inspect.dev/ 的 Inspect 工具，这里没有错误，当我单击 [=27] 上的图像时=]，没有继续发生，但在我笔记本电脑上的调试工具中，叠加层滑入了。
零错误并且比 Apple 更 Android 粉丝，我正在努力想出一个原因。 任何帮助将不胜感激。
如果其他人遇到这种情况，我找到了答案。 看起来 IOS 一直在为以下 body 标签添加额外的样式：
-webkit-backface-visibility: hidden;
所以滑块工作但不可见，只需将上面的内容更改为：
-webkit-backface-visibility: visible!important;
问题已解决。