質問: バージョニングに対応してなかったので対応させたところ、 CSSリソース内の画像が表示されなくなり困っております。 正しい記述をご存知の方、ご教示をお願いします。 尚、当然ながら対応前はちゃんと表示されておりました。 ■バージョニング対応前 resources +-- css | +-- common.css +-- images +-- icon.png common.cssでの定義 background: url('../images/icon.png'); test.xhtmlでの定義 ■バージョニング対応後 resources +-- default +-- 1_0 +-- css | +-- common.css +-- images +-- icon.png common.cssでの定義 background: url("#{resource['default:images/icon.png']}"); test.xhtmlでの定義
回答: 以下のフォルダ配置と、CSS,xhtmlの記載でいかがでしょうか。 ※imageもヴァージョニング対象とするよう書き直しました。 resources +-- css +--1_0 +-- common.css +-- images +-- icon.png common.cssでの定義 background: url('images/icon.png'); test.xhtmlでの定義 簡単に検証しましたので、結果を踏まえて追記します。 上記の方法では画像は表示できませんでした。表示させるには以下に配置変更が必要でした。 resources +-- css | +--1_0 | +-- common.css +-- images +-- icon.png バージョニングによるcssファイル内のurl参照先の変更はできませんでした。画像を変更したいのであれば、imagesフォルダには別ファイル名(icon2.pngなど)で配置し、cssのurlはそのファイルを指すよう変更する用法になるかと思います。もっと最適な方法は有るかも知れませんが、調べ思い付いた範囲で回答させて頂きます。