【问题标题】:transform: translateY Not Working in Safari [closed]转换:translateY 在 Safari 中不起作用 [关闭]
【发布时间】:2015-04-14 16:00:17
【问题描述】:

translateY 在 safari 浏览器中不起作用,但在所有其他浏览器中都可以正常工作。我玩过白色间距,甚至尝试过 -webkit-transform:-webkit-translateY(-420px) 没有运气。我错过了一步吗?我以前从来没有遇到过这个问题。

.animate-up {
  -webkit-transorm:translateY(-420px);
  -moz-transorm:translateY(-420px);
  -ms-transorm:translateY(-420px);
  -o-transorm:translateY(-420px);
  transform:translateY(-420px)
}

http://codepen.io/jessekevon/pen/myjzjb?editors=010

【问题讨论】:

  • 我将投票关闭这个,因为我相信这是因为你忘记了 transform 中的 f

标签: html css safari transform


【解决方案1】:

您在 transform

中忘记了 f
.animate-up {
  -webkit-transform:translateY(-420px);
  -moz-transform:translateY(-420px);
  -ms-transform:translateY(-420px);
  -o-transform:translateY(-420px);
  transform:translateY(-420px);
}

它适用于其他浏览器,因为

transform:translateY(-420px)

拼写正确。

【讨论】:

  • 天哪,有史以来最大的“doh”时刻。感谢您额外的一双眼睛,我很感激!
  • :) 你可以接受答案,它会帮助我帮助别人!谢谢
猜你喜欢
  • 2018-01-26
  • 2016-08-13
  • 2014-03-13
  • 1970-01-01
  • 2020-03-26
  • 2015-07-19
  • 2018-07-24
  • 2017-11-03
  • 2016-08-02
相关资源
最近更新 更多