css - JSF commandLink 与图像

Question

我对 <p:commandLink> 有疑问.我想制作悬停效果，但无法将图像加载到 <p:graphicImage>通过 CSS。

CSS:

.accountEditBtn {
    background-image:
    url('#{request.contextPath}/resources/image/pencil_black.png');
}

JSF:

<p:commandLink
    update="@form"
    actionListener="#{someBean.someListener}">
    <h:graphicImage styleClass="accountEditBtn" />
</p:commandLink>

我看到带边框的空矩形。

但是当我将 alt 添加到 graphicImage 时，我会从 alt 获得图像而不是文本...

我哪里错了？谢谢。附:输入错误 - classType -> styleClass

Answer 1

尝试使用 styleClass 而不是 <h:graphicImage>

<p:commandLink 
   styleClass="accountEditBtn"
   update="@form"
   actionListener="#{someBean.someListener}"/>

试试这门课

.accountEditBtn { background-image: url('../resources/image/pencil_black.png'); }

顺便说一句

不应该是图像吗？或者是图片(文件夹名)

也看看这个..如果你想要带有图像的命令按钮:PrimeFaces icons