Internet Explorer 10 - CSS3过渡无效

Question

这种转换功能在Chrome中有效但IE 10不起作用。虽然它支持CSS3，但为什么它不起作用？

.box {

    -webkit-transition:background-color 0.2s linear;
    background-color:#EBEBEB;
}

.box:hover {
    background-color:#7bae31;
}

Answer 1

IE10应该支持CSS3过渡，而不需要供应商前缀。删除你的CSS的-webkit-部分，它只是读取：

transition:background-color 0.2s linear;

您可以在以下位置看到它：

http://jsfiddle.net/CnYtu/2/

为了将来参考，您可以在以下位置检查IE CSS3兼容性： http://msdn.microsoft.com/en-us/library/hh781508(v=vs.85).aspx