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

【问题标题】：Where Should I put the `images` directory in order to use it in css as `/images/...`我应该把`images`目录放在哪里以便在css中使用它作为`/images/...`
【发布时间】：2011-05-19 14:03:31
【问题描述】：

使用 JSF 2.0。有一个应用程序运行 CSS 和 Javascript 相应地从 /Servlet/resources/css 和 /Servlet/resources/js 运行。

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

或者，如果图像位于/Servlet/resources/ 目录中，我将如何引用它们？

Tnx！

【问题讨论】：

那么 CSS 文件 ../images/file.jpg 上方的文件夹将使用虚拟目录的根目录。如果你想使用/images/file.jpg，那么你的目录结构必须看起来像/Servlet/resources/css/images/file.jpg，但是如果你从 JS 目录中引用相同的图像，你就会遇到问题..
@ppumkin Tnx。您为什么不将其粘贴到答案中，以便我可以将其标记为这样？ :-)
不确定-我从评论开始并得到答案：D哈哈哈

标签： html resources build jsf-2

【解决方案1】：

我会将 CSS 背景图像放在 CSS 文件夹中的单独文件夹中：

/Servlet/resources/css/images/*

这样您就可以在 CSS 中按如下方式引用它们，而无需过多地摆弄相对路径：

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

至于您通过 HTML <img> 及以上（但不是 CSS）引用的普通图像，我会将它们放在以下文件夹中

/Servlet/resources/images/*

【讨论】：

【解决方案2】：

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

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

但是如果你从 JS 目录中引用同一张图片，你就会遇到问题。

相反，您可以尝试使用（不确定您的虚拟根目录，但通常您会使用）

../images/file.jpg

与页面同目录的链接没有列出路径信息 文件.jpg

列出的子目录前面没有任何斜杠 images/file.jpg

链接一个目录被列为 ../file.jpg

【讨论】：