html - JSF 2.0 graphicImage:通过css设置背景图像

This question already has answers here:

How to reference JSF image resource as CSS background image url
                                
                                    （2个答案）
                                
                        
                                3年前关闭。
            
                    
我有一个带内部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组件中添加一个类，但是不起作用。

任何想法？

谢谢。

最佳答案

你可以做到

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

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

More对此事进行阅读。

关于html - JSF 2.0 graphicImage:通过css设置背景图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37073886/