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; 
}