Question

我有一个带有内部graphicImage的commandLink primefaces（带有Primefaces 5的JSF 2）。

以下代码正常运行：

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

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

</p:commandLink>

不幸的是，我的应用程序中有任何graphicImage，所以我想在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阅读此事。

JSF 2.0 graphicImage：通过css设置background-image

1 个答案: