2013-10-23 42 views
1

我创建了一个简单的CSS翻转动画,可在其他主流浏览器中使用,由于某些原因,似乎无法在IE 9.0或1.0中工作。CSS Fliping动画无法在IE 9或10中工作

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

下面是我看过的链接。

  1. https://github.com/vinothbabu/3DFlipper
  2. http://davidwalsh.name/demo/css-flip.php

我无法弄清楚哪里是问题是否其z-index或这是造成这个问题,也可以是任何其他财产,你们可以在建议如何尽可能调试CSS代码

+5

您对IE –

+4

@Mr。外星人没有提到任何具体问题,这种评论只是一个巨魔。 IE并没有以前那么糟糕,尤其是从版本10开始。 – Kaidjin

+0

我也在等待这个失败。 –

回答

0

它不是,它并没有在IE 10工作在顶部设置文档类型:<!DOCTYPE html>这将需要IE出来的怪癖模式。下面是同样的小提琴。

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

这应该使代码工作在IE

0

我不知道是什么问题,具体地讲,但这里是一个链接,说转型IE9不工作:http://caniuse.com/#search=transition

如果您在“问题”选项卡中去,你会看到它对于IE10(和其他)之前和之后的任何伪元素都不起作用。

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

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

+0

根据链接,它不应该在IE 10中工作。 –

+0

不在:悬停元素。查看表格下方的“问题”标签。 – Kaidjin

+0

:悬停不是一个伪_element_,它是一个伪_class_。所以这不应该成为这里的相关问题。 – CBroe