CSS 翻转动画在 IE 9 或 10 中不起作用答案

【问题标题】：CSS Fliping animation not working in IE 9 or 10CSS 翻转动画在 IE 9 或 10 中不起作用
【发布时间】：2013-11-01 10:10:50
【问题描述】：

我创建了一个简单的 CSS 翻转动画，它可以在其他主要浏览器中使用，但由于某些原因似乎无法在 IE 9.0 或 1.0 中使用。

以下是我看过的链接。

我无法弄清楚问题出在哪里，是它的z-index 还是导致此问题的任何其他属性，你们还可以就如果可能的话如何调试 CSS 代码提出建议。

【问题讨论】：

你对 IE 的期望太高了
@Mr. Alien 不提任何具体问题，这种评论简直就是个喷子。 IE 没有以前那么糟糕了，尤其是从版本 10 开始。
我也在等待这个答案。
@Kaidjin 您可以通过使其在 IE 10 中工作来证明这一点 :) 评论的重点是 IE 与其他浏览器不同，它不适应较新的属性，它运行缓慢，不经常更新，并且如果你一定听说过，为了使用 CSS3 让网站更时髦，把 IE 抛在脑后，毫无疑问 10 对新功能有很好的支持，但这并不能让浏览器变得很棒，页面加载、负载平衡、平滑等， IE 什么都没有，与其他浏览器相比，它很重……我想我以前做过这个东西并在 IE 中工作过，它缺少的是背面可见性，我记不太清了
@Mr.Alien : 同意 IE 有点慢，但 IE 有很多东西是正确的，最好的例子是 box-sizing - border

标签： html css

【解决方案1】：

当涉及到调试 CSS 代码时，您可以使用开发人员工具。

【讨论】：

【解决方案2】：

并不是说它在 IE 10 中不起作用。在顶部设置一个 doctype：<!DOCTYPE html> 这将使 IE 退出 quirks 模式。下面是相同的小提琴。

这应该使代码在 IE 中工作。

【讨论】：

【解决方案3】：

我不知道具体是什么问题，但这里有一个链接说转换在 IE9 中不起作用：http://caniuse.com/#search=transition

如果您进入“问题”选项卡，您会发现它不适用于 :before 和 :after 对于 IE10（和其他）之外的任何伪元素。

编辑：正如 cmets 中所指出的， :hover 是一个伪类，并且链接并没有说它不适用于 IE10。我仍然不知道为什么它不起作用。

您是否尝试过删除 -ms- 前缀？显然IE10支持不带前缀的过渡。

【讨论】：