2016-05-06 6 views
0

私はcommandLink primefacesに内部グラフィックスイメージ(JSF 2とPrimeface 5)を持っています。次のコードJSF 2.0 graphicsImage:CSSで背景画像を設定

が正常に動作します:

残念ながら
<p:commandLink action="#{mybean.mymethod()}" process="@this"> 

    <h:graphicImage name="images/one.jpg" 
    rendered="#{myBean.test.size() == 0" /> 

</p:commandLink> 

私はCSSクラスに設定された画像をしたいと思いますので、私は自分のアプリケーション内の任意のgraphicImageはを持っています。

私は何かを考える:

私のCSSファイルには、次のされ
<p:commandLink action="#{mybean.mymethod()}" process="@this"> 

    <h:graphicImage styleClass="myClass" 
    rendered="#{myBean.test.size() == 0" /> 

</p:commandLink> 

.myClass { 
    background-image: url('/myApplication/resources/images/one.jpg'); 
} 

が、動作しません。

可能ですか?それ以外の場合は、どうすればgraphicImageコンポーネントを置き換えることができますか? imgタグを使ってみるか、commandLinkコンポーネントのクラスをbackground-imageで追加してもうまくいきません。

ありがとうございました。

+0

?私はいくつかの答えを見つけましたが、このために働いていません私は間違っていたのですか? – Diaboliko

答えて

1

あなたは

background-image: url("#{resource['images/one.jpg']}"); 

でそれを行うことができますし、単にp:commandLinkh:graphicImageは必要ありません)に直接styleClassのを使用することができます。

Moreです。

+0

私はすでにあなたの投稿を見ていました。私はこれを試しても動作しません: ... 私のCSSクラスは次のとおりです:.myClass { background-image:url( "#{resource ['images/one.jpg']}")!important; }ブラウザからinspectを使用すると、myClassの背景画像が正しく表示されますが、画像は表示されません... – Diaboliko

+0

おそらく、私のcommandLinkがDataGridの中にあるからでしょうか?完全私の構造は以下の通りである: \t \t \t \t \t \t "この@" のcommandLinkアクション= "#{mybean.mymethod()}" プロセス= .. 。 \t \t \t \toutputStylesheet:\t \t \t \t ... \t \t Diaboliko

+0

あなたは時間とCSSが含まれていますか?完全なフォルダ構造は何ですか? –

関連する問題