图像未显示为primefaces commandbutton - icon属性

Question

图片未显示primefaces commandbutton - 图标属性

                                                             

我尝试了以下款式但没有用

1.  .ui-icon-csv{
background-image: url("#{resource['/images/csv.jpg']}") !important;
}

2.  .ui-icon-csv{
background-image: url("#{resource['images/csv.jpg']}") !important;
}

css文件路径：

<link rel="stylesheet" type="text/css" href="css/style.css" />

项目结构：无法发布图片

projectname ->
             css
             images
             js
             index.jsp etc

项目中没有资源文件夹。因此，它给图标

的图像路径带来了问题

请让我知道如何解决这个问题

...谢谢

Answer 1

在构建的WAR文件中，您的图片应位于resources/images/csv.jpg。 JSF规范定义必须有resources文件夹。

您的项目结构取决于您和/或您的构建工具。例如，对于Maven，请参阅this answer。