graphicImage中特定部件颜色的变化

Question

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

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

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

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

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

但是它没有显示在中的图像。是否有可能把什么东西“内”的形象？使用这种方法，当页面被调整大小时，组件应该在图像中调整大小。

Answer 1

做这件事的最简单的方法就是自己编辑这个震中。Photoshop提供7天免费试用。下载它，并添加边框或您的颜色覆盖到图像的一部分，而不是原来的图像运行，设置背景改变，当它是悬浮或点击。你的问题不清楚，所以我不知道你到底想要什么。