css - p:panel の背景画像の設定

Question

以下のコードを使用して、背景画像付きのパネルを表示しようとしています。

    <p:panel id="upperpanel" style="background-image: url(../img/login-bg.jpg)" >

私も使ってみました

  <p:panel id="upperpanel" style="background-image: url(/user/test/img/login-bg.jpg)" >

どちらの場合も、背景画像が表示されません。私も別の画像を使ってみました。パネル内に ah:graphicImage コンポーネントを追加すると、画像が正しく表示されます。

どんな助けでも大歓迎です。

Answer 1

style="background-image: url('../img/login-bg.jpg');

動作する予定です。また、定義した css ルールは同じ名前の他の css プロパティを既にオーバーライド!importantしているため、スタイル プロパティの内部を指定する必要はありません。ファイルで使用すると便利です。style!important.css