Css Primefaces-菜单项图标不显示

我正在尝试使用此处建议的方法将自定义图标添加到primefaces分层侧菜单：

然而，我有一个类似的问题：

图标不可见，通过检查元素，我只看到代码中的默认图标。 以下是我的Java代码：

MenuItem item = new MenuItem();
item.setIcon("icon-disk");

CSS：

.icon-disk{
    background-image: url(../resources/images/icon_indicatorlist.png);  
    height:16px;
    width:16px;
}

xhtml：

<p:panelMenu model="#{menuBean.getModel(menus.id)}" type="tiered" />

关于检查元件，我看到的是：

<h3 class="ui-panelmenu-header ui-state-default ui-corner-all" role="tab">
    <span class="ui-icon ui-icon-triangle-1-e"></span>
    <a href="#" tabindex="-1">Item1</a>
</h3>

---

我需要编辑或添加什么？我正在使用PF 3.5。

这可能会解决您的问题

MenuItem item = new MenuItem();
item.setIcon("ui-icon-disk");

---

我想你的问题是你的图像的路径，而不是PF的问题

根据项目的结构，尝试更改任何测试HTML元素的任何背景图像，以查看图像的路径是否正确

例如：

+ Java-SRC
+ WebContents [folder]
    + resources[folder]
        + css [folder]
          styles.css
             .anyClass{
                 background: transparent url('images/any.png') !important;
             }
        + images [folder]
             any.png
             xyz.jpg
             ....
    + Views [folder]
        index.xhtml
             ...
             <h:outputStylesheet library="css" name="styles.css"/>
             ...
        signin.xhtml
        ....

+javasrc
+WebContent[文件夹]
+资源[文件夹]
+css[文件夹]
styles.css
.anyClass{
背景：透明url（'images/any.png'）！重要；
}
+图像[文件夹]
any.png
xyz.jpg
....
+视图[文件夹]
index.xhtml
...
...
signin.xhtml
....

我想添加一个自定义图标。由我自己的图像文件创建。要添加图标，可以使用如下代码

我想通过Java代码添加它。因为所有菜单项都有一个与之关联的唯一图标。xhtml端不知道项目名称、图标或任何东西。整个菜单是通过他的函数调用动态生成的：model=“#{menuBean.getModel（menus.id）}”路径是正确的。我也在其他地方使用图像，一切都很好。