web-dev-qa-db-ja.com

EclipseダイナミックWebプロジェクトで、csをwebcontentフォルダー内のjspファイルにリンクする方法

Eclipseでは、WebContentフォルダーの下に動的WebプロジェクトとJSPファイルを作成しました。また、WebContentフォルダーの下にCSSファイルを作成しました。次に、JSPで<link rel="stylesheet" type="text/css" href="XXX.css">を使用してCSSファイルにリンクしますが、Webサーバー(Tomcat)で実行すると、CSSが適用されませんでした。誰かが理由を教えてもらえますか?

14
user1056648

CSSファイルのアドレスパスの前にWebプロジェクト名を置く必要があります

例:

<link rel="stylesheet" href="/YourProjectName/XXX.css" type="text/css">

またはより動的な方法で:

<link rel="stylesheet" href="${pageContext.request.contextPath}/XXX.css" />

楽しんで :)

23
kia kaviani

使用できます:WEB-INF/jspフォルダーのstyle.cssファイル

<style type="text/css">
  <%@include file="css/style.css" %>
</style>

[〜#〜]ノート[〜#〜]

ただし、これにより、CSSファイルのソース全体がJSPページのHTML出力にコピーされます。つまり、これはサーバー側インクルードであり、クライアント側リソース参照ではありません。そのため、ブラウザが静的リソースをキャッシュできるという利点を見逃してしまい、まったく同じCSSファイルがすべてのページに埋め込まれているため、帯域幅が無駄になってしまいます。つまり、パフォーマンスと効率の面で悪い考えです。

@BalusCがコメントで説明したように!あなたはあなたのstyle.cssファイルをテストしたいとにかく、これは解決策です。

6
Nhat Dinh

あなたは使うことができます

  <link rel="stylesheet" type="text/css" href="path/css">
0
Deepak Singh

Eclipseを再起動して、すべてのCSSファイルとJavaScriptファイルを再度マップする必要があります。私のために働いた。

0
Vaibhav Shah