我得到了解决方案：使用带背景的 div 而不是 img 标签就像一个魅力。（但很高兴知道为什么会发生这种情况，所以如果你有任何想法，请随时发表评论。）
我有一个奇怪的问题。我的网站上有一个 png 图像，将大小从 280x280 像素调整为 40x40 像素（在 CSS 中它是 40 x 自动）。问题是图像在边缘上出现像素化，但是当我将其更改为具有 jQuery 单击事件（相同大小，只是着色）的另一张图片时，它看起来很好地宽度锐利的边缘。如果我更改顺序并首先显示彩色版本，然后更改它，彩色版本会出现像素化。所以不知何故，改变会影响我猜的图像，但是当我再次点击它来改变它时，它又被像素化了。我尝试用jQuery添加img，没有效果。有没有人见过这样的东西？有任何想法吗？这发生在 Firefox 中。在 IE 中，图片在两种状态下都是像素化的。在 chrome 中它工作正常。
更新：
这是点击前的样子：
点击后：
更新 2：
我以为我找到了解决方法，但我只找到了一半的解决方法......所以我制作了第一个 png 的 gif 图像。我首先显示它，然后在点击事件中，我在两个 png-s 之间切换，它们看起来不错。但当然，第一次加载的 gif 也有同样的问题。如果我在 document.ready 上更改它，png就会变得像素化......