我创建了一个简单的CSS翻转动画,在其他主流浏览器中运行,由于某些原因似乎无法在IE 9.0或1.0中运行。
jsbin处理程序。 http://jsbin.com/IQUqUBe/1/
以下是我查看过的链接。
我无法弄清楚问题的位置是z-index
还是导致此问题的任何其他属性,并且你们可以建议如何在可能的情况下调试CSS代码。
答案 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中工作。