CSS转换和IE10

Question

据我所知，IE10应该支持所有CSS3转换没有任何一种供应商前缀。虽然我无法在IE10中正确显示我的特定样式。

这里是我的问题的例子：http://jsfiddle.net/ntwiles/8xw5N/1/

.photo_bar_image { 
    background-image:url("http://i.imgur.com/eODa6AC.jpg"); 
    border-radius:9px; 
    background-size: 125px; 
    display: inline-block; 
    width: 125px; 
    height: 125px; 
    text-decoration:none; 
    transition-property: background-size, background-position; 
    transition-duration:0.2s; 
} 
.photo_bar_image:hover { 
    background-size:140px; 
    background-position: -5px -5px; 
} 

它工作在我测试过的浏览器不错，但在IE10，过渡跳动。 （具体而言，它似乎正确的转型背景位置属性，但跳过背景大小属性的过渡帧。

我有什么样的方案来处理这种问题？

Answer 1

试做这样的：

.photo_bar_image { 
    background-image:url("http://i.imgur.com/eODa6AC.jpg"); 
    border-radius:9px; 
    background-size: 125px; 
    display: inline-block; 
    width: 125px; 
    height: 125px; 
    text-decoration:none; 
    -webkit-transition-property: background-size, background-position; 
    -moz-transition-property: background-size, background-position; 
    -ms-transition-property: background-size, background-position; 
     -o-transition-property: background-size, background-position; 
     transition-property: background-size, background-position; 
    -webkit-transition-duration:0.2s; 
     -moz-transition-duration:0.2s; 
     -ms-transition-duration:0.2s; 
     -o-transition-duration:0.2s; 
      transition-duration:0.2s; 
} 
.photo_bar_image:hover { 
    background-size:140px; 
    background-position: -5px -5px; 
}