在悬停时更改jquery img src会使图像向下移动

Question

我制作了一个包含图片的div，每个图片都在自己的div中，链接到我网页顶部的不同社交媒体网站。我正在使用jquery更改img src上的hover，然后返回原始图像。图像均为24x24px，容器高24px。 Firefox仍然存在兼容性问题，但我现在并不那么担心它们。我遇到的问题是，当我将鼠标移到图像上时，所有内容都会发生变化并完全恢复，但图像会自动降低一两个像素，并在底部切断。当我悬停时，外面的两个图像不会移动，它只是中间的图像。

该网站可在此处找到：

http://tfsm.org/flagshiptest/

Answer 1

问题在于你的图片。例如，YouTube，＆＃34; On＆＃34;国家在顶部有一个小差距。这也发生在你的其他链接中。