使用CSS overflow、clip-path实现视差仅移动端Safari出现异常求助

• 给设置了overflow:hidden的裁切父容器添加transform: translateZ(0)，强制移动端Safari启用GPU渲染该元素，规避软渲染下的裁切逻辑漏洞。
• 将clip-path属性同时添加到父容器上，不要仅作用于子图片元素，双重保障裁切效果生效。
• 给文本区域添加-webkit-user-select: text和user-select: text属性，避免视差相关定位属性屏蔽Safari原生文本选择能力。
• 异常仍存在的情况下，给父容器新增isolation: isolate属性创建独立渲染层，避免和Safari内置长按交互的渲染逻辑冲突。

内容的提问来源于stack exchange，提问作者Frank Renn