css - 更改graphicImage中特定零件的颜色

单击按钮时，我需要更改graphicImage特定部分的颜色。我正在使用JSF，Primefaces和CSS。

我使用以下方法定位图像：

<h:graphicImage url="/resources/imgs/img.png" style="margin-top: 15%; width: 100%;"/>

我试图将primefaces p：panel放在graphicImage中：

<h:graphicImage url="/resources/imgs/img.png" style="margin-top: 15%; width: 100%;" >
    <p:panel style="background-color: red;"/>
</h:graphicImage>

但是它不会显示在图像内部。是否可以在图像中放入一些内容？使用此方法，在调整页面大小时，组件应在图像中调整大小。

最佳答案

最简单的方法是自己单独编辑电子图片。 Photoshop提供7天免费试用。下载它，然后将边框或颜色叠加层添加到图像的一部分，而不是运行原始图像，而是将背景设置为悬停或单击时要更改的背景。您的问题不清楚，所以我不知道您到底想要什么。

关于css - 更改graphicImage中特定零件的颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49011572/