當我懸停鼠標時移動元素

爲什麼當我將鼠標懸停在卡片圖像上時？
我想解決它，我發現當我刪除頁direction和或刪除overflow-y從#center它是固定的，但我需要它們！

即使當我檢查卡片和鼠標懸停的元素可以看到所有元素都移動，但顯示正確！
我想這可能是鉻瀏覽器頁面渲染問題
其實什麼是問題，我該如何解決它技術上？
當我懸停鼠標時移動元素

JSFiddle Demo

來源

2017-09-23 java acm

嘗試使用Flexbox的，而不是浮動。這可以通過flexbox輕鬆實現。 –

爲什麼是負面的！這是一個真正的演示問題和問題！ –

其實我對演示這樣一個很好的問題給了upvote。不知道誰給了downvote。 –

這個問題似乎是按照這個話題Chrome錯誤： image moves on hover - chrome opacity issue ，我認爲你應該設置的位置是：相對於內部IMG解決問題

來源

2017-09-23 06:42:25

感謝提示和您的解決方案，它是通過set posision來修復的：relative;以卡div「.div」https://jsfiddle.net/a3stn5ct/2/ –

@javaacm不客氣。我不知道爲什麼有些人自動降低了這個問題，我給了你一個真正的代碼演示upvote。永遠是我的朋友 –

當我懸停鼠標時移動元素

回答

相關問題