图像未使用 primefaces 命令按钮显示 - 图标属性

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。