CSS翻转动画无法在IE 9或10中运行

时间:2013-10-23 08:24:32

标签: html css

我创建了一个简单的CSS翻转动画,在其他主流浏览器中运行,由于某些原因似乎无法在IE 9.0或1.0中运行。

jsbin处理程序。 http://jsbin.com/IQUqUBe/1/

以下是我查看过的链接。

  1. https://github.com/vinothbabu/3DFlipper
  2. http://davidwalsh.name/demo/css-flip.php
  3. 我无法弄清楚问题的位置是z-index还是导致此问题的任何其他属性,并且你们可以建议如何在可能的情况下调试CSS代码

3 个答案:

答案 0 :(得分:1)

说到 debuging CSS code ,您可以使用开发人员工具。

答案 1 :(得分:0)

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

如果你进入“问题”标签,你会发现它不适用于IE10(及其他)之前和之后的任何伪元素。

编辑:正如评论中指出的那样:hover是一个伪类,并且该链接并不表示它对IE10不起作用。我仍然不知道为什么它不起作用。

您是否尝试删除-ms-前缀?显然IE10支持没有前缀的转换。

答案 2 :(得分:0)

它不是在IE 10中不起作用。在顶部设置一个doctype:<!DOCTYPE html>这将使IE脱离怪癖模式。以下是相同的小提琴。

http://jsbin.com/IQUqUBe/3/edit

这应该使代码在IE中工作