-moz-transition标题和文本移动不对称

Question

我在悬停时添加了-moz-transition:all 0.2s ease-in。但在FireFox中，标题和文字不对称地移动。

示例：http://jsfiddle.net/wkcpL/1/

font-family中的问题。当我从font-family:Arial;删除body或将Arial更改为Verdana时，属性代码开始正常运行。

为什么它适用于Verdana但不适用于Arial？

Answer 1

好吧，我无法评论Verdana的工作，但不能评论Arial，但我认为这与使用margin进行转换有关。用transition:transform(-1px, -1px);给它一个镜头。

这是你改变的小提琴：http://jsfiddle.net/rgthree/jKHyu/

#content .block:hover{
    /* ... */
    -moz-transform:translate(-1px,-1px);
    -webkit-transform:translate(-1px,-1px);
    transform:translate(-1px,-1px);
}​