[50 RMB] 求解决一个 CSS 在 Safari 上的兼容性问题

AI 不能解决吗

如果你指的是电风扇中间那个撕裂现象，那大概是 safari 上的渲染故障，你可能需要改动元素结构来解决。你可以想象成两个正方形层叠在 3d 空间中，因为它们挨的太近导致渲染的时候分不清前后。建议不要搞这种花俏的东西，找别的代替。

考虑把中间的那个元素在 z 轴方向移动一些距离，避免重叠. 修改后的: https://codepen.io/xuxihai123/pen/raaqWoR

@okakuyang 多谢说明

@xuxihai 哇呀呀，感谢，这样至少解决了显示的问题。大佬方便加我 v 吗？我的号在帖子里

@dxy 加了

有试过 svg 实现吗？ svg 我目前还没碰到显示异常情况

safari 会存在字体渲染塌陷, <video/> 附近 div 的 z-index 不生效的情况

@lisongeee 是个好方案，感谢