0

WebContentフォルダーの下のリソースフォルダーに外部CSSファイルがあり、次のようにページヘッダーに含めました。

<h:head>
<h:outputStylesheet name="css/style.css" library="css" />
</h:head>

ファイルが機能しているかどうかをテストするために単純なセレクターを試しましたbody {background-color:#b0c4de;}が、残念ながらファイルはリンクされていません

より明確にするために、リソースフォルダーの正確な場所のスクリーンショットをここに含めました

ここに画像の説明を入力

4

2 に答える 2

4

まず、これは外部 CSS ファイルではありません。これは、Web アプリケーションの内部にあります。実際の外部 CSS ファイルは別のドメインから提供され、 経由ではインポートできず、 経由<h:outputStylesheet>でのみインポートでき<link>ます。

CSSファイルフォルダーをlibrary属性に不必要に繰り返したため、具体的な問題が発生しました。それを取り除くだけです。

<h:outputStylesheet name="css/style.css" />

属性は、「primefaces」などのlibrary共通のモジュール/テーマ/ライブラリ名を表す必要がありますが、ここにはありません。「css」というライブラリ名を使用しても、「css」は単にファイル/コンテンツ タイプを表すだけなので、まったく意味がありません。

以下も参照してください。

于 2013-05-03T15:09:32.907 に答える
0

h:outputStylesheet name="style.css" library="css" /> を試してください

ここに参照があります: http://www.mkyong.com/jsf2/how-to-include-cascading-style-sheets-css-in-jsf/

于 2013-05-03T15:09:35.937 に答える