-webkit-transform：没有效果和背景变成白色

我在这里遇到了一个小问题。我使用jQery创建了一个span。创建后，span必须缩短一段时间。我正在使用CSS类来达到预期的效果。它适用于Firefox和Opera，但不适用于webkit浏览器。为什么？-webkit-transform：没有效果和背景变成白色

这里是一个测试用例：http://jsfiddle.net/Udhby/2/

在WebKit的浏览器，我的背景图片（没有出现在小提琴），就这样消失了一秒钟，然后回来 - 没有变焦，什么都没有。正如你所看到的，我使用了-webkit-transform，所以还有另一个原因。

2012-03-22 Sven

** 检查了这一点。 http://jsfiddle.net/Udhby/4/ 请注意css更改。由于您插入的span是内联元素，因此transform属性在webkit中无法正常工作。因此尝试添加显示：内联块的变焦类

代替使用跨距利用的div的。检查这http://jsfiddle.net/Udhby/5/

2012-03-22 11:41:36 Abhidev

谢谢，修复它，转换内联元素不起作用的webkit浏览器。现在我只是在淡入淡出之后分配'display：inline-block;'。你是否也知道为什么背景图像在变换处于活动状态时消失？ – Sven 2012-03-22 13:04:37

好的，我自己解决了 - 一些'z-index'value关闭了。 – Sven 2012-03-22 14:03:30

很高兴您的问题解决了，接受答案，如果它为您工作，以便其他人知道什么是解决方法。 – Abhidev 2012-03-23 05:29:07

回答