【问题标题】:Safari Bug: rotateY and rotateX element under fixed elementSafari Bug:固定元素下的rotateY和rotateX元素
【发布时间】:2016-11-10 14:44:53
【问题描述】:

带有手的灰色图像使用翻译向上滚动。它有一个固定的位置。穿越的狗图有以下几种样式:

transform: scale(1.025) rotateY(..) rotateX(..)

仅在 Safari 中发生。似乎旋转的狗图像不喜欢在固定元素下。当图像在导航栏下方滚动时也会发生这种情况(也是固定位置)。

有人知道解决这个问题吗?我已经尝试将不同的变换属性放在不同的元素上,还没有修复。

【问题讨论】:

  • 你必须发布一些代码让任何人都能够深入了解这个
  • 另外,您能澄清一下您要完成的工作吗?从您所说的内容中不清楚您的预期结果是什么,以及这与您发布的屏幕截图有何不同
  • 屏幕截图显示了 Safari 中的一个错误,其中固定的灰色容器下方的转换图像正在穿过灰色容器,而它应该保留在它后面。那是我试图解决的问题,但我找到了解决方案。 @danyamachine

标签: html css safari


【解决方案1】:

translate3d(...) 添加到狗图像上方的固定元素可以解决问题。

我还将perspective: 9999 添加到包含图像网格的父元素中。

【讨论】:

    【解决方案2】:

    我遇到了同样的问题。经过几次尝试,我通过添加tranlateZ(some value which is important) 将这两层分为两层来修复它。

    【讨论】:

    • 如果有任何问题,请随时与我联系。
    猜你喜欢
    • 2021-02-12
    • 2023-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-07
    • 2015-10-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多