24

質問が適切に行われなかった場合は申し訳ありません。画像はstrutsプロジェクトでは正常に表示されていますが、JSF2プロジェクトでは表示されていません。すべてのCSSとボタンは正常にレンダリングされていますexcept image that has url in css。

フォルダ構造

resources -> css -> bootstrap.min.css
resources -> img -> glyphicons-halflings.png

bootstrap.min.css

background-image: url("../img/glyphicons-halflings.png");

1- 私が背景よりも使用する<h:outputStylesheet library="css" name="bootstrap.min.css"/>場合-画像のURLが生成されるhttp://localhost:8000/img/glyphicons-halflings.pngため、画像が読み込まれません。そのはずhttp://localhost:8000/resources/img/glyphicons-halflings.png

2-私が使用する<link href="#{request.contextPath}/resources/css/bootstrap.min.css" rel="styleSheet" type="text/css"/>場合

Firefox->Firebug->ネットタブ{リソースが複数回追加されました}

http://localhost:8000/resources/resources/img/glyphicons-halflings.png

cssにあり、クラスに適用されている画像をロードする方法がわかりません。

次のページをクリックするためのリンクとして編集アイコンを表示します。

 <h:outputLink value="edit.xhtml" >
                            <i class="icon-edit" ></i>
                            <f:param name="id" value="#{person.id}"/>
                        </h:outputLink>

img

4

1 に答える 1

49

#{resource}画像リソースを指定するには、CSSでEL変数を使用する必要があります。

background-image: url("#{resource['img/glyphicons-halflings.png']}");

参照：

于 2012-11-26T19:28:25.783 に答える