2011-12-06 25 views
13

In Eclipse, ho creato un progetto Web dinamico e un file JSP nella cartella WebContent. Ho anche creato un file CSS sotto la cartella WebContent. Quindi io uso <link rel="stylesheet" type="text/css" href="XXX.css"> nel JSP per collegarmi al file CSS, ma quando corro sul server web (Tomcat) il CSS non si applica. Qualcuno può dirmi perché?Nel progetto Web dinamico di eclipse, come collegare css al file jsp nella cartella webcontent

+0

possibile duplicato di [Browser non può accedere a CSS e immagini quando si chiama un Servlet che inoltra a un JSP] (http://stackoverflow.com/questions/3655316/browser-cant-access-css-and-images- when-calling-a-servlet-which-forwards-to-aj/3658735 # 3658735) – BalusC

risposta

22

È necessario inserire il nome del progetto web prima del percorso indirizzo del vostro file CSS

Esempio:

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

o in modo più dinamico:

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

Buon divertimento :)

6

È possibile utilizzare: Con il file style.css nella cartella WEB-INF/jsp

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

NOTA

Questo però copia l'intero sorgente del file CSS nell'output HTML della pagina JSP. In altre parole, questa è una inclusione lato server, non un riferimento risorsa lato client. In questo modo perdi il vantaggio dello che il browser può memorizzare nella cache le risorse statiche e in questo modo tu, , finisci con uno spreco di larghezza di banda perché lo stesso file CSS è incorporato in ogni singola pagina. In altre parole, una cattiva idea in termini di prestazioni ed efficienza .

come @BalusC descritto nel commento! vuoi testare il tuo file style.css in ogni caso, questa è una soluzione.

+6

Ciò tuttavia copia l'intera origine del file CSS nell'output HTML della pagina JSP. In altre parole, si tratta di un include lato server, non di un riferimento risorsa lato client. In questo modo si perde il vantaggio che il browser può memorizzare nella cache le risorse statiche e in questo modo si finisce con uno spreco di larghezza di banda perché lo stesso file CSS è incorporato in ogni singola pagina. In altre parole, una cattiva idea in termini di prestazioni ed efficienza. – BalusC

0

è possibile utilizzare

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

è necessario riavviare Eclipse in modo che le mappe tutto CSS e JavaScript file di nuovo. Ho lavorato per me.

Problemi correlati