css - 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