2011-12-06 32 views
13

En Eclipse, creé un proyecto web dinámico y un archivo JSP en la carpeta WebContent. También creé un archivo CSS en la carpeta WebContent. Luego uso <link rel="stylesheet" type="text/css" href="XXX.css"> en el JSP para vincular al archivo CSS, pero cuando corro en el servidor web (Tomcat) el CSS no se aplica. ¿Puede alguien decirme por qué?En proyecto web dinámico de eclipse, cómo vincular el archivo css a jsp en la carpeta de contenido web

+0

posible duplicado de [El navegador no puede acceder a CSS e imágenes al llamar a un servlet que lo reenvía 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

Respuesta

22

Usted debe poner el nombre del proyecto Web antes de la ruta de la dirección de su archivo css

Ejemplo:

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

o en forma más dinámica:

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

Diviértase :)

6

Puede usar: con el archivo style.css en la carpeta WEB-INF/jsp

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

NOTA

Sin embargo, esto copias de toda la fuente del archivo CSS en la salida HTML de la página JSP. En otras palabras, esto es una inclusión del lado del servidor, , no una referencia de recursos del lado del cliente. Así que efectivamente se pierde la ventaja de de que el navegador puede almacenar en caché los recursos estáticos y de esta manera usted termina con un desperdicio de ancho de banda porque el mismo archivo CSS es incrustado en cada página. En otras palabras, una mala idea en términos de rendimiento y eficiencia .

como @BalusC descrito en un comentario! Si desea probar su archivo style.css de todos modos, esta es una solución.

+6

Sin embargo, esto copia la fuente completa del archivo CSS en la salida HTML de la página JSP. En otras palabras, esto es una inclusión del lado del servidor, no una referencia de recursos del lado del cliente. Por lo tanto, echas de menos la ventaja de que el navegador puede almacenar en caché recursos estáticos y de esta manera terminas con un desperdicio de ancho de banda porque el mismo archivo CSS está incrustado en cada página. En otras palabras, una mala idea en términos de rendimiento y eficiencia. – BalusC

0

puede utilizar

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

debe reiniciar Eclipse para que todos los mapas CSS y JavaScript archivos de nuevo. Trabajé para mí.

Cuestiones relacionadas