jquery – 如何使用CSS更改图标图像的颜色?

前端之家收集整理的这篇文章主要介绍了jquery – 如何使用CSS更改图标图像的颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Change color of PNG image via CSS?13个
我试图弄清楚如何改变半透明和半纯色图像的颜色.

我希望能够改变白色的颜色,这样我就可以添加一个悬停,并添加一种动态方式来改变wordpress中的颜色.使用photoshop来填充图像不是一个选项,因为我将在我的wordpress主题中构建一个换色器.

我使用了一个名为JFlat.js的jQuery脚本,因为它看起来就像我需要的那样.虽然它对我来说似乎根本不起作用.遵循确切的步骤我猜它是因为它使用旧版本的jQuery.

有人能给我一些帮助吗?

这是图片上的黑色版本,你看不到白色版本所以我会发布这个版本以更好地了解我所说的内容.

解决方法

使用 SVG icon,这个来自 Iconic. Icon melon也不错

否则你可以使用font-icon,这个来自FontAwesome

如果必须,您可以使用CSS Filter,但它是only supported in newer browsers.最好的后备是使用SVG过滤器执行相同的操作并使用数据URL来应用它. Demo

-webkit-filter: invert(100%);

您也可以使用像agconti建议的精灵

原文链接:https://www.f2er.com/jquery/175797.html

猜你在找的jQuery相关文章