我正在为我的公司创建一个模板，该模板将在未来用于各种不同的客户站点，并且它们的颜色各不相同。我为此模板创建了当前为黑色(或白色)的图标，我希望能够通过 css 控制这些图标的颜色。它们是一种简单的颜色，在 photoshop 中，如果您执行颜色叠加的混合选项并选择一种颜色，它们看起来很棒。这是否可以在 css 中执行，以便当有人为 future 的客户编辑此模板时，他们可以在 css 中控制图标颜色，而不必每次都在 photoshop 中编辑每个图标？
最佳答案
可以在 CSS 中更改 Logo 的颜色，但不能解决您所说的问题。要制作可更改的 Logo ，您可以在 Logo 所在的位置制作一个具有透明度的 PNG，并在负空间中制作背景颜色(网页的)。然后将其放在具有您想要的 Logo 颜色作为其背景颜色的 P 或 div 上。
问题是，您刚刚将灵活的 Logo 颜色换成了不灵活的“背景”颜色。
最好只包括两种颜色的标志，白色和黑色，作为与所有网站一起提供的“包”的一部分。只需在 CSS 中所需的位置调用所需的名称即可。
关于CSS 图像叠加，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11745288/