背景网址和文件组织

Question

我正在动态更改背景图片，它可以在线工作但不能脱机工作。这就是我打开网页http://localhost:8080/PROJECT/

的方式

web.xml

 <welcome-file-list>
    <welcome-file> myHTML/myHTML.html </welcome-file>
 </welcome-file-list>

CSS

#me { 
    background-url: url('image/me.jpg')
}

HTML

<div id="me"></div>

项目结构

我从客户端动态更改背景图片，如下所示：

<div id="me" style="background:url('/PROJECT/imageNew/your.jpg')"></div>

现在我只是将此页面保存到客户端（本地）计算机并进行检查，但是当本地页面打开时图像会丢失，只有在我按如下方式更改后台URL时才会生效：

 background: url(../PROJECT/imageNew/your.jpg)

但我不希望每次在客户机上保存文件后进行更改。如何指定在服务器端和客户端工作的路径？

Answer 1

似乎问题源于这样一个事实：当在服务器上运行时，你的代码是从根目录执行的，而在客户端的机器上（我想是）你不是。

您应该能够在两个位置使用您发布的第二条路径（../PROJECT/imageNew/your.jpg）。您已经验证这可以在客户端的计算机上运行，​​并且在服务器上，父目录（../）应该不起作用，因为您的代码似乎已经在计算机的根目录上执行，从而有效制作路径/PROJECT/imageNew/your.jpg，这就是之前的路径。

希望这有帮助！