Firefox转换无效。这是一个错误吗？

Question

我有一个只适用于chrome的简单图像交换过渡。代码：

<a class="twitter" href="index.php"></a>

.twitter {
    width:26px;
    height:26px;
    display:block;
    background:transparent url('../images/twitter.jpg') center top no-repeat;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    }

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

演示：http://jsfiddle.net/gWKEQ/17/

Answer 1

这是因为只有Chrome实际上支持为background-image CSS属性设置动画 - 根据the spec，这实际上是不正确的，其中注意到：

  

<强>背景图片

     

动画：否

有关动画内容（以及浏览器等）的详细信息，请查看this page。将来，其他浏览器有望允许动画background-image属性（并且规范会改变），因为这是程序员/设计师真正想要的。