悬停时改变PNG图像的颜色？

Question

我将这些图标http://grab.by/9HYW添加到我的网站，并希望改变悬停的颜色...什么是最好的解决方案？

这些图标是PNG格式，并希望改变为悬停在他们的蓝色......预先感谢。

Answer 1

您应该使用编辑器（您创建第一个图标的那个）生成新的蓝色图像，然后使用css hover。

Answer 2

，你可以选择CSS精灵 http://css-tricks.com/css-sprites/ 谷歌为“CSS精灵发生器”如果你需要一个快速的方法;）

Answer 3

您可以使用CSS精灵（可以说是最干净和跨浏览器比较的方式），其中基本上同时具有常规和悬停状态，并在悬停时更改div的背景位置。 （xpixelz链接可以帮助你。）

如果图像实际上打印在页面上，可以使用javascript在悬停状态下使用悬停状态轻扫图像。

我不确定它们是如何显示在页面上的，但是如果它们在纯色背景上，则可以对负面空间进行png，并将其放置在宽度和高度的确切图像然后只是改变悬停的div的背景颜色，因为实际的logo是透明的，你会看到父div的背景颜色。

Answer 4

如果您使用的是扁平PNG图标，那么您可以使用jFlat jquery插件。请记住它仅支持支持HTML5的浏览器

来源：http://flaticon.sodhanalibrary.com/jFlat.html