无论转换持续时间如何，Css3瞬时转换

Question

当用户使用转换悬停在输入上时，我想要更新后台。在Chrome中运行良好，但无论我设置的转换持续时间如何，IE和Firefox中的转换都是即时的。

CSS

body {
    background: url( 'some_url.jpg' ) no-repeat center center fixed;
    -webkit-transition: background 500ms ease-in-out 0s;
    -moz-transition: background 500ms ease-in-out 0s;
    transition: background 500ms ease-in-out 0s;
}

body.enhanced {
    background: url( 'some_different_url.jpg' ) no-repeat center center fixed;
}

JS

jQuery( document ).on( 'mouseover focus', 'input' , function() {
    jQuery( 'body' ).addClass( 'enhanced' );
} );