关于Java Web css文件背景图片路径问题

借鉴了这位博主实现了一个好看的登录界面，但是遇到了图片不显示的问题
https://blog.csdn.net/Wrj6811/article/details/105800712?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param
引用后无法显示背景图片。最后通过查阅资料
做了很多改正，不知道是哪个起了作用

文件结构如下图
更改如下：
1.配置web.xml文件，加入如下代码

<servlet-mapping>
  <servlet-name>defaultservlet-name>
  <url-pattern>*.cssurl-pattern>
 servlet-mapping>
 <servlet-mapping>
  <servlet-name>defaultservlet-name>
  <url-pattern>*.jsurl-pattern>
 servlet-mapping>
 <servlet-mapping>
  <servlet-name>defaultservlet-name>
  <url-pattern>*.icourl-pattern>
 servlet-mapping>
 <servlet-mapping>
  <servlet-name>defaultservlet-name>
  <url-pattern>*.jpgurl-pattern>
 servlet-mapping>
 <servlet-mapping>
  <servlet-name>defaultservlet-name>
  <url-pattern>*.pngurl-pattern>
 servlet-mapping>
 <servlet-mapping>
  <servlet-name>defaultservlet-name>
  <url-pattern>*.gifurl-pattern>
 servlet-mapping>

2.去掉了原文中的单引号，加上了 . ./
其中./代表当前文件所在目录的上一级目录
. ./代表当前文件所在目录

background: url(../img/city.png) no-repeat;

然后再运行就可以显示背景图片了。大致效果如图：