Question

我的网络内容管理员和我有两个文件夹。超级管理员。我有一些管理员相关＆amp;超级管理员相关的jsps。我有一个包含stylesheet.css文件的css文件夹。

这是我项目的结构

在我的jsp页面中，我在标题标记

中添加了这一行

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

当我的jsps在webcontent文件夹中时，这个css工作正常。但是当我将我的jsp页面移动到单独的文件夹中时，css无效。我现在不知道为什么会这样。请帮我。

Answer 1

当您的文件位于WebContent文件夹中时，CSS的文件路径是正确的（这就是它工作的原因）。当您将它们移动到另一个文件夹时，您需要修改该路径，因为您正在使用CSS文件的相对路径。

因此，例如，如果您将JSP页面放在名为“MyPages”的文件夹中，该文件夹也位于“WebContent”内，则需要指向CSS文件的链接：

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

JSP页面正在查找相对于自身的CSS文件。由于你在“MyPages”中没有CSS文件夹，你需要遍历一个级别（这是“..”正在做的事情），然后查看“CSS”文件夹，然后你会发现你的“stylesheet.css”文件。

“..”简单地说“查找一个目录来查找此文件”。但是，你也可以：

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

这说要查找2个目录。

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

这说要查找3个目录。

等等。

Answer 2

您必须指定CSS文件的正确相对路径。当您的JSP文件放在文件夹中时，路径应该是这样的，

../ CSS / stylesheet.css中

否则您可以指定绝对路径，例如

了解相对路径here