使用 CSS 溢出、剪辑路径，仅在 Safari Mobile 上遇到问题答案

【问题标题】：Using CSS overflow, clip-path, Got trouble only on Safari Mobile使用 CSS 溢出、剪辑路径，仅在 Safari Mobile 上遇到问题
【发布时间】：2021-10-28 14:58:53
【问题描述】：

我试图结合使用剪辑路径和固定图像来应用视差效果。效果很好，如下 Github repo 所示。

Github 仓库：https://falasol.github.io/overflow/

演示页面：https://falasol.github.io/overflow/

正如您在下面的 gif 图像中看到的那样，我在 iPhone 上点击 Lorem 文本并弹出图像，而不是弹出文本选择器。

The video of tapping the div

此问题仅在 Safari Mobile 上发生，在 Andriod 手机和桌面 Chrome 检查器工具上运行良好。我目前对这个问题的假设是overflow:hidden 在 Safari Mobile 上存在一些问题。

如果你之前遇到过这个问题，请给我一些建议:)

【问题讨论】：

标签： html css overflow mobile-safari clip-path

【解决方案1】：

当我在 Safari 上使用我的 iPhone 尝试时，这不会发生在我身上。

也许给下一个 div 一个 position:relative; 和 z-index:1; 会为你解决它？

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。