回答編集履歴

2

画像が表示されない件について検証と結果を記載

2016/06/07 03:48

投稿

BlueMoon
BlueMoon

スコア1339

test CHANGED
@@ -27,3 +27,31 @@
27
27
  test.xhtmlでの定義
28
28
 
29
29
  <h:outputStylesheet library="css" name="common.css"/>
30
+
31
+
32
+
33
+ ---
34
+
35
+ 簡単に検証しましたので、結果を踏まえて追記します。
36
+
37
+ 上記の方法では画像は表示できませんでした。表示させるには以下に配置変更が必要でした。
38
+
39
+
40
+
41
+ resources
42
+
43
+ +-- css
44
+
45
+ | +--1_0
46
+
47
+ | +-- common.css
48
+
49
+ +-- images
50
+
51
+ +-- icon.png
52
+
53
+
54
+
55
+ バージョニングによるcssファイル内のurl参照先の変更はできませんでした。画像を変更したいのであれば、imagesフォルダには別ファイル名(icon2.pngなど)で配置し、cssのurlはそのファイルを指すよう変更する用法になるかと思います。もっと最適な方法は有るかも知れませんが、調べ思い付いた範囲で回答させて頂きます。
56
+
57
+

1

imageもヴァージョニング対象に追加

2016/06/07 03:48

投稿

BlueMoon
BlueMoon

スコア1339

test CHANGED
@@ -1,4 +1,6 @@
1
1
  以下のフォルダ配置と、CSS,xhtmlの記載でいかがでしょうか。
2
+
3
+ ※imageもヴァージョニング対象とするよう書き直しました。
2
4
 
3
5
 
4
6
 
@@ -6,19 +8,19 @@
6
8
 
7
9
  +-- css
8
10
 
9
- | +--1_0
11
+ +--1_0
10
12
 
11
- | +-- common.css
13
+ +-- common.css
12
14
 
13
- +-- images
15
+ +-- images
14
16
 
15
- +-- icon.png
17
+ +-- icon.png
16
18
 
17
19
 
18
20
 
19
21
  common.cssでの定義
20
22
 
21
- background: url('../../images/icon.png');
23
+ background: url('images/icon.png');
22
24
 
23
25
 
24
26