CSS无法添加背景图片求助：Web应用背景不显示

针对你遇到的背景图片不显示问题，即使login.jsp和MUIC_campus.jpg在同一文件夹，也可能是以下原因导致，对应解决方法如下：

1. 修复资源路径问题 #

JSP的相对路径是基于访问URL的路径，而非服务器上的文件系统路径。如果你的JSP访问URL是类似http://xxx/login或者带子路径的地址，直接用"MUIC_campus.jpg"会导致浏览器从当前URL路径下去找图片，而非项目根目录。

修改CSS中的背景图片路径为绝对路径，使用JSP内置对象获取项目上下文路径：

body {
    background-image: url("${pageContext.request.contextPath}/MUIC_campus.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* 确保body占满视口高度 */
    min-height: 100vh;
    /* 覆盖Bootstrap默认背景色 */
    background-color: transparent;
}

2. 验证图片可访问性 #

直接在浏览器地址栏输入图片的完整访问地址（比如http://你的服务器地址/项目名/MUIC_campus.jpg），如果无法打开图片：

• 检查图片是否被正确部署到服务器的对应目录
• 确认服务器对该图片文件有可读权限
• 排查是否有拦截器/过滤器阻止了静态资源的访问

3. 检查文件名与服务器环境 #

• 如果部署在Linux服务器上，文件名区分大小写，确认MUIC_campus.jpg的大小写和代码中完全一致
• 检查图片文件是否损坏，尝试用图片编辑器重新保存或替换图片

4. 强制清除浏览器缓存 #

有时候浏览器会缓存旧的资源，按Ctrl+Shift+R强制刷新页面，或者清除浏览器缓存后重新加载。

内容的提问来源于stack exchange，提问作者Def