html - 如何从此层次结构访问文件？

Question

我需要从 WebContent/jsp 文件夹中的 jsp 文件访问 WebContent/css 中的 *.css 文件。

我已经尝试使用 link rel="stylesheet"type="text/css"href="../css/adminStyle.css"。但是，有时 *.css 有效，有时无效。

另一件事是如何从 *.css 文件访问 imgs 文件夹中的图像。我尝试使用 background-image:url('../imgs/background.png');

层次结构如下:

网络内容

 css
  |
  +--->  adminStyle.css

 imgs
  |
  +--->  background.png

 jsp
  |
  +--->  admin.jsp

Answer 1

“有时 css 有效，有时无效”看起来像你它适用于某些 url 而不适用于某些 url。因为这个@rickz 的答案将起作用

href="${pageContext.request.contextPath}/css/adminStyle.css"

这将消除在 url 方面破坏 css 导入的可能性

对于第二个问题“如何从 css 文件访问 imgs 文件夹中的图像”

background-image:url('../imgs/background.png');

因为在css中定义的背景图片的相对路径将从你的css文件所在的文件夹开始。