我应该在哪里放置`images`目录,以便在css中使用它作为`/ images / ...`

时间:2011-05-19 14:03:32

标签: html resources build jsf-2

使用JSF 2.0。 我的应用运行时CSSJavascript正在/Servlet/resources/css/Servlet/resources/js运行。

我想添加一个图像文件夹,以便我可以将css文件中的图像称为/images/file.jpg。 我应该在哪里放置images文件夹。

或者,如果图像位于/Servlet/resources/目录中,我将如何引用图像?

TNX!

2 个答案:

答案 0 :(得分:2)

我将CSS背景图片放在CSS文件夹的单独文件夹中:

/Servlet/resources/css/images/*

通过这种方式,您可以在CSS中按如下方式引用它们,而不会过多地使用相对路径:

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

对于您通过HTML <img>和(但不是CSS)引用的普通图像,我将它们放在以下文件夹中

/Servlet/resources/images/*

答案 1 :(得分:0)

那将是CSS文件上方的文件夹。

 /Servlet/resources/css/images/file.jpg

但如果您将从JS direcotry引用相同的图像,那么您将遇到问题。

相反,您可以尝试使用(不确定您的虚拟根目录,但通常会使用)

../images/file.jpg 

  • 与页面相同的目录中的链接没有列出路径信息   file.jpg
  • 列出的
  • 子目录没有任何前面的斜杠 images / file.jpg
  • 链接一个目录列为 ../ file.jpg