如何在Eclipse中鏈接CSS？

Question

在jsp頁面中鏈接css文件時遇到問題。

我的Eclipse文件夾結構是

--SampleProject

  --WebContent
    --META-INF
    --resource

        --css
         style.css

        --images
         (style sheet images are present here)

        --js

    --WEB-INF
a.jsp
b.jsp

我想在a.jsp頁面中從此路徑resource / css / style.css鏈接CSS。

我嘗試了以下所有組合。 但沒有用。

<link href="${pageContext.request.contextPath}/css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../../css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="WebContent/resource/css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="resource/css/styles.css" rel="stylesheet" type="text/css" media="screen" />

在樣式表中，我通過使用

body {
    background: #c9ebff url(resource/images/left_panel.jpg) top repeat-x;

}

請幫助解決此問題。

提前致謝。

Answer 1

嘗試使用

body { background: #c9ebff url(../images/left_panel.jpg) top repeat-x; }

要么

body { background: url(../images/left_panel.jpg); } // if linking, then add other attributes 

當遇到這些類型的問題時，即文件未鏈接..嘗試使用FIREBUG來找出瀏覽器/鏈接錯誤... FireBug非常有用的調試工具。

Answer 2

在路徑（ / ）中使用反斜杠（ \\ ）而不是正斜杠。

例：

<link href="..\css\styles.css" rel="stylesheet" type="text/css" media="screen" />