2013-01-17 122 views
1

我有一个菜单图像作为按钮的背景,在悬停时动画。
问题是,当我将鼠标悬停在图像上并获得动画(放大和旋转)时,页面上的其他元素高音几个像素,没有明显的原因。Chrome CSS图像转换影响其他元素

我已经创建了一个JSfiddle,希望能够重现我的网站上存在的错误(页面上的其他图像被移动)并仍然给你一个不太长的代码。

结果:嗯...而不是图像得到高音是JSfiddle result文本,无理由移动,并从CSS闪烁的滚动条。

http://jsfiddle.net/AaXyV/1/

的YouTubeDEMO VIDEO在第二0:10

漏洞?修复?

尝试过:Chrome 24.0.1312.52米,在其他浏览器(包括Safari)中似乎工作正常。

+0

我没有看到任何其他元素移动。 (Chrome 24米或26加纳利) – Mooseman

+0

在这里没有错误铬24.0.1312.52在Mac OS X 10.8 – Pevara

+0

我都没有(24.0.1312.52)。你有任何扩展运行? – crowjonah

回答

2

我无法重新创建抖动结果范围,但我确实看到了闪烁的滚动条。看起来它可能是一个已知的bug:

Issue 139928: CSS transition on the width of an element with display "inline-block" causes jitter

+0

请先尝试将鼠标悬停在屏幕上,然后再将鼠标移到土豆上。 – Cristy

+0

在我的项目中,问题更加明显:http://nefatec.ro/请参阅顶部导航栏(通过按钮)。 – Cristy

+0

30分钟前第一次加载页面时,我可以看到抽动的范围,所以我确实相信你。但是从那以后,无论我做什么,我都无法重现这个问题。跑铬24.0.1312.52米。 –