Html CSS转换和IE10

Html CSS转换和IE10,html,css,css-transitions,Html,Css,Css Transitions,我知道IE10应该支持所有CSS3转换,而不需要任何类型的供应商前缀。但是,我在IE10中无法正确显示我的特定样式 以下是我的问题的一个例子: 它在我测试过的浏览器中工作得很好,但在IE10中,转换是不稳定的。具体来说,它似乎可以正确地转换“背景位置”属性,但可以跳过“背景大小”属性的转换帧 我必须用什么样的方法来处理此类问题?试着这样做: .photo_bar_image { background-image:url("http://i.imgur.com/eODa6AC.jpg");

我知道IE10应该支持所有CSS3转换,而不需要任何类型的供应商前缀。但是,我在IE10中无法正确显示我的特定样式

以下是我的问题的一个例子:

它在我测试过的浏览器中工作得很好,但在IE10中,转换是不稳定的。具体来说,它似乎可以正确地转换“背景位置”属性,但可以跳过“背景大小”属性的转换帧

我必须用什么样的方法来处理此类问题?

试着这样做:

.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;
}
你可以尝试使用scale,但在Chrome Ubuntu上,它会让人紧张。小提琴。
.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;
}