Css 转换不适用于Firefox或opera，只适用于chrome

这是我的CSS：

#pays li{
list-style:none;
margin-left:44px;
display:block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background:url('http://symbolset.com/images/paypal-logo.png') no-repeat;
transition:0.2s;
-moz-transition:0.2s;
-webkit-transition:0.2s;
-o-transition:0.2s;
background-size:300px 180px;
}
#pays li:hover{background:url('http://data-informed.com/wp-content/uploads/2012/10/PayPal_logo.svg-crop-300x180.png') no-repeat}
#paypal{width:300px;height:180px}​

---

这是你的电话号码。它在Chrome浏览器中工作得很好，其他浏览器都不工作。

背景大小

在早期的“CSS背景和边框模块3级”草稿中是不可设置动画的。我想它还没有跨浏览器实现。但事实上（“可设置动画：是，除了关键字值”）

始终记住，背景和过渡模块都尚未完成。“CSS背景和边界级别3”处于“候选推荐”状态，“CSS过渡”只是一个“工作草案”。因此，您正在使用不稳定的技术，这些技术可能会受到进一步的更改。不要相信Chromium已经实现了什么，它可能会改变

CSS中可设置动画的属性列表：

---

CSS开发状态概述：

由于对背景图像更改的转换支持非常有限，您有两个选项：

使用imagesprite并设置背景位置的动画

嵌入另一个元素（不幸的是，您不能使用伪元素，它们上的动画也非常不受支持，atm）并设置不透明度动画

---

嗯，穿chrome也不太好看。从理论上讲，url更改没有任何动画效果。也许这是chrome的一个小问题？我需要在两幅图像之间进行淡入，它的效果很好且平滑。你是如何解决你的问题的？@Christoph不幸的是，我没有找到解决方案。你尝试过我的一个想法吗？需要设置动画的不是尺寸（尺寸本身没有很好的支持），但是url改变了，这更糟。@Christoph哎呀，对不起——但原因可能是一样的。CSS转换目前只是一个工作草案。