我创建了一个简单的 CSS 翻转动画，它可以在其他主要浏览器中使用，但由于某些原因似乎无法在 IE 9.0 或 1.0 中使用。
jsbin 处理程序。 http://jsbin.com/IQUqUBe/1/
以下是我看过的链接。
我无法弄清楚问题出在哪里，是它z-index还是导致此问题的任何其他属性，如果可能的话，你们能否建议如何调试 CSS 代码。
问问题
86 次
3 回答
1
在调试 CSS 代码时，您可以使用开发人员工具。
- 对于Firefox，最好的解决方案是Firebug
- 对于Chrome，开发人员工具是内置的。只需按下F12
- 对于IE，有Internet Explorer Developer Toolbar
于 2013-10-23T08:31:51.087 回答
0
我不知道具体是什么问题，但这里有一个链接说转换在 IE9 中不起作用： http: //caniuse.com/#search=transition
如果您进入“问题”选项卡，您会发现它不适用于 :before 和 :after 对于 IE10（和其他）旁边的任何伪元素。
编辑：正如评论中指出的那样， :hover 是一个伪类，并且链接并没有说它不适用于 IE10。我仍然不知道为什么它不起作用。
您是否尝试过删除-ms-前缀？显然 IE10 支持不带前缀的过渡。
于 2013-10-23T08:29:05.137 回答
0
并不是说它在 IE 10 中不起作用。在顶部设置一个文档类型：<!DOCTYPE html>这将使 IE 退出怪癖模式。下面是相同的小提琴。
http://jsbin.com/IQUqUBe/3/edit
这应该使代码在 IE 中工作。
于 2013-10-23T10:09:06.007 回答