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

Question

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

该网站可以在这里找到:

http://tfsm.org/flagshiptest/

Answer 1

问题出在你的图片中.例如,在YouTube上,"开启"状态在顶部有一个小的差距.这也发生在你的其他链接中.