Css 使图像悬停的方法

我有这个图像，我想让它默认为白色和青色的悬停。除了制作两幅图像，一幅是白色，一幅是青色，还有别的方法吗

---

您可以在放大镜透明的地方制作PNG，然后在CSS中的

img

标记上设置背景色：

img {
  background: steelblue;
}

img:hover {
  background: skyblue;
}

---

演示：

另一种方法是使用精灵。好吧，从技术上讲，这不是两个独立的图像，而是一个在悬停时改变背景位置的图像。您的图像是36x48，因此创建一个新图像72x48，左侧为非悬停版本，右侧为悬停版本，并将背景移动到悬停状态。

如果它具有透明度（.png），则可以使用

背景色

。否则，它应该是两个图像。是的，只制作一个图像，然后在悬停上改变位置。这是一个非常好的主意，@Siyah。如果没有更好的办法，我会同意的。可能会有帮助。@NullPoi砦te砦在悬停时更改位置是什么意思。。？