java - 如何在 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 

When facing these type of issues i.e files not linking .... try to use FIREBUG for tracing out the browser/linking errors ... FireBug very useful debugging tool.