画像付きJSFコマンドリンク

Question

<p:commandLink>に問題があります。私はホバー効果を作りたいけど、CSS経由で画像を<p:graphicImage>に読み込むことができません。

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> 

私はボーダーと空の矩形を参照してください。

しかし、私はgraphicImageはにAltキーを追加するとき、私はALTからのテキストの上に画像を取得...

私のミス？ ありがとうございます。 p.s.タイプミス - のClassType - > styleClassの

Answer 1

このクラス

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

B.T.W

ISの画像でなければなりませんされていないことを試みる代わりに<h:graphicImage

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

のstyleClassのを使用してみてください？ PrimeFaces iconsは

Answer 2

は、なぜあなたは

<p:commandButton ... icon="yourbuttonstyleclass"/> 

とCSSには使用しないでください：またはそれはイメージがあなたがイメージとCommandButtonをしたい場合には

は...だけでなく、このを見てみましょう（フォルダ名）であります

.yourbuttonstyleclass { 
background-image: url('../images/yourimage.png') !important; 
}