2013-01-17 48 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米。 –