2011-12-06 59 views
13

在Eclipse中,我在WebContent文件夾下創建了一個動態Web項目和一個JSP文件。我還在WebContent文件夾下創建了一個CSS文件。然後我在JSP中使用<link rel="stylesheet" type="text/css" href="XXX.css">鏈接到CSS文件,但是當我在Web服務器(Tomcat)上運行時,CSS不適用。有人能告訴我爲什麼嗎?在eclipse動態web項目中,如何將css鏈接到webcontent文件夾中的jsp文件

+0

[瀏覽器在調用轉發到JSP的Servlet時無法訪問CSS和圖像](http://stackoverflow.com/questions/3655316/browser-cant-access-css-and-images- when-calling-a-servlet-which-forwards-to-aj/3658735#3658735) – BalusC

回答

22

你必須把你的web項目的名稱你的CSS文件的地址路徑之前

例子:

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

或更動態的方式:

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

玩得開心:)

6

您可以使用:在WEB-INF/jsp文件夾中使用style.css文件

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

注意

然而,這會將CSS文件的整個源到JSP頁面的HTML 輸出。換句話說,這是一個服務器端包含的,不是客戶端資源引用。因此,您有效地錯過了瀏覽器可以緩存靜態資源的優勢,並且這種方式最終導致帶寬浪費,因爲在每個頁面中都嵌入了相同的CSS文件 。換句話說,就性能和效率而言,這是一個糟糕的主意。

as @BalusC在評論中描述!你想要測試你的style.css文件無論如何,這是一個解決方案。

+6

然而,這會將CSS文件的整個源複製到JSP頁面的HTML輸出中。換句話說,這是一個服務器端包含,而不是客戶端資源引用。因此,您會錯過瀏覽器可以緩存靜態資源的優勢,並且這種方式最終會導致帶寬浪費,因爲每個頁面都嵌入了相同的CSS文件。換句話說,就性能和效率而言,這是一個糟糕的主意。 – BalusC

0

可以使用

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

,以便其映射所有的CSS和JavaScript文件再次你應該重新啓動Eclipse。 我爲我工作。

相關問題