Mozilla中的CSS图像转换并不起作用

Question

.news-img {
    width: 100%;
    height:170px;
    background-image: url('images/chiron.jpg');
    transition-property: all;
    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
}

.news-img:hover {
    background-image: url('images/royale.jpg');
}

我已经看过一些关于过渡的教程，在这里阅读一些帖子，我仍然无法理解为什么我的过渡有效？我也尝试过：

transition: all 1s ease-in-out;

我知道它是一样的，但仍然无法正常工作..