JSF 2.0 图形图像：通过 css 设置背景图像 [重复]

Question

我有一个带有内部图形图像的 commandLink primefaces（JSF 2 和 Primefaces 5）。

以下代码可以正常工作：

<p:commandLink action="#{mybean.mymethod()}" process="@this">

   <h:graphicImage name="images/one.jpg" 
   rendered="#{myBean.test.size() == 0" />

</p:commandLink>

不幸的是，我的应用程序中有任何图形图像，所以我想在 css 类中设置图像。

我在想一件事：

<p:commandLink action="#{mybean.mymethod()}" process="@this">

   <h:graphicImage styleClass="myClass" 
   rendered="#{myBean.test.size() == 0" />

</p:commandLink>

我的 css 文件在哪里：

.myClass {
     background-image: url('/myApplication/resources/images/one.jpg');
}

但不起作用。

有可能吗？否则，我该如何替换graphicImage组件？我尝试使用 img 标签或在 commandLink 组件中添加一个带有背景图像的类，但不起作用。

有什么想法吗？

谢谢。

Answer 1

你可以这样做

background-image: url("#{resource['images/one.jpg']}");

您可以直接在p:commandLink 上使用styleClass（不需要h:graphicImage）。

More阅读此事。