更改graphicImage中特定部分的颜色

Question

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

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

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

我试图将一个primefaces p：面板放在graphicImage中：

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

但它没有在图像中显示内部。是否可以放置内容＆＃34;内部＆＃34;图片？使用此选项，在调整页面大小时，组件应在图像中调整大小。

Answer 1

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