Andrés Vélez Asked: 2020-05-12 12:07:14 +0800 CST 2020-05-12 12:07:14 +0800 CST 2020-05-12 12:07:14 +0800 CST 使用css将颜色更改为图像 772 我收到了以下草图,打开菜单时图像的颜色会发生变化。 如您所见,社交网络和联系我们的图像是紫红色。 但是当菜单打开时颜色变为白色,我知道我可以通过加载不同的图像来改变,但他们问我样式,我不知道不使用 Photoshop 怎么做...... css 2 Answers Voted Best Answer Miguel Mosquera 2020-05-12T12:17:27+08:002020-05-12T12:17:27+08:00 如果它们是标签,则不能更改颜色。最好的方法是拥有两种类型的图标,一种是紫红色,另一种是白色,打开菜单时,使用javascript更改图标。 现在,如果图标是某些排版博客中的类,例如 fontawesome,如果您可以使用“颜色:#000”更改图标 Montaycabe 2020-05-14T14:07:03+08:002020-05-14T14:07:03+08:00 另一种选择是使用透明PNG将图标设为负值并更改其背景颜色(尽管如果更改图标的背景和颜色,这将不起作用) 或使用 svg 图像,您可以通过 css 更改颜色(但仅将它们内联,而不引用它们) 或者,如果它们很少和/或很小,则将它们作为 base64 图像包含在 CSS 中,并将它们作为背景。 或者使用常规的 PNG 图像并使用 CSS 过滤器功能来改变它们的颜色 http://html5-demos.appspot.com/static/css/filters/index.html
如果它们是标签,则不能更改颜色。最好的方法是拥有两种类型的图标,一种是紫红色,另一种是白色,打开菜单时,使用javascript更改图标。
现在,如果图标是某些排版博客中的类,例如 fontawesome,如果您可以使用“颜色:#000”更改图标
另一种选择是使用透明PNG将图标设为负值并更改其背景颜色(尽管如果更改图标的背景和颜色,这将不起作用)
或使用 svg 图像,您可以通过 css 更改颜色(但仅将它们内联,而不引用它们)
或者,如果它们很少和/或很小,则将它们作为 base64 图像包含在 CSS 中,并将它们作为背景。
或者使用常规的 PNG 图像并使用 CSS 过滤器功能来改变它们的颜色 http://html5-demos.appspot.com/static/css/filters/index.html