【问题标题】:Can't get CSS3 transform to work in IE 10/11 [duplicate]无法让 CSS3 转换在 IE 10/11 中工作 [重复]
【发布时间】:2014-01-08 03:05:34
【问题描述】:

我有这个在 Firefox、Chrome 和 Safari 中运行的卡片打开动画,但我似乎无法让它在 IE 10/11 中运行。

我认为这与

有关
 backface-visibility: hidden;

但我不是 100% 确定。

任何帮助将不胜感激

代码: http://jsfiddle.net/7k9D9/

【问题讨论】:

标签: javascript html css


【解决方案1】:

IE 中存在一个错误:

目前,Internet Explorer 10 不支持preserve-3d 关键词。您可以通过手动应用父级来解决此问题 元素对每个子元素的变换,除了 子元素的正常变换。

手动将变换重新应用到子级。很蹩脚,但IE就是这样。

原帖在这里:https://stackoverflow.com/a/15196468/1435655

【讨论】:

  • 我是整个 CSS3 转换的新手。你知道你会怎么做吗?
  • @user1899891 上面来自 Microsoft 的引用解释了修复。我也在我的回答中改写了它。获取您在父元素上应用的变换属性并将它们复制到子元素。 preserve-3d 在 IE 中不起作用,所以你必须自己做。
  • 如果您在回答中引用了其他人的话,最好提供指向源的链接。
  • @Spudley 道歉,我在 cmets 做过 :) 我会更新。
  • 我很确定我的 jsfiddle 已经有了。问题是 backface-visibility: hidden;无论其位置如何,都将其隐藏起来。
猜你喜欢
  • 2019-12-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-15
  • 1970-01-01
  • 2014-08-17
  • 2021-03-08
相关资源
最近更新 更多