图像未显示带有 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" />

项目结构：无法post图像

projectname ->
             css
             images
             js
             index.jsp etc

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

的图像路径出现问题

请告诉我如何解决这个问题？？？

谢谢...

Answer 1

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

您的项目结构取决于您and/or您的构建工具。例如，对于 Maven，请参见 this answer.

图像未显示带有 primefaces 命令按钮 - 图标属性

image is not showing up with primefaces commandbutton - icon attribute

primefaces

commandbutton