firefox - CSS 过渡，通过负上/左绝对位置

Question

http://jsfiddle.net/KgcM9/1/

我想将鼠标悬停在<header>并且图像从屏幕顶部过渡出来，然后从屏幕左侧重新出现回到原始位置。

上述小提琴的问题是，如果鼠标退出<header>，则过渡停止并且图像从屏幕顶部返回。

此外，过渡首先将图像移动到 x：-300，y：400，使其不可见，然后将其移动到 x：700，y：-1700，这是一个完整的 hack，因此它似乎正在进入从左下角.. 用 CSS 做这件事有什么更好的方法吗？

Answer 1

不确定这是否有帮助： http: //jsfiddle.net/JyPXR/2/添加隐藏溢出并使用左/上坐标。