背景图像没有在Spring MVC中显示

时间:2018-06-18 19:01:32

标签: html css spring-mvc

我正在从CSS属性插入背景图片。我也尝试在spring-servlet.xml文件中使用mvc:resources映射,但它不起作用。

JSP文件:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login and Registration Form</title>

<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/resources/user/css/style.css">
</head>
<body>

    <div class="login-page">
        <div class="form">

            <form class="register-form">
                <input type="text" placeholder="User.name" /> <input type="password"
                    placeholder="Password" /> <input type="email" placeholder="Email" />
                <button>Sign Up</button>
                <p class="message">
                    Have an account? <a href="#">Log in</a>
                </p>
            </form>
        </div>
    </div>
</body>
</html>

CSS文件:

body{
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(WEB-INF/css/images/bicycle1.png);
    height: 100vh;
    background-size: cover;
    background-position: center;
}

spring-servlet.xml文件:

    <context:annotation-config />

    <annotation-driven />
    <default-servlet-handler/>
    <context:component-scan base-package="com.*" />

    <beans:bean
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <beans:property name="prefix" value="/WEB-INF/jsp/" />
        <beans:property name="suffix" value=".jsp" />
    </beans:bean>

错误:

In browser console: bicycle1.png:1 Failed to load resource: the server responded with a status of 404 (Not Found)   bicycle1.png:1

1 个答案:

答案 0 :(得分:0)

添加web.xml

<servlet>
    <servlet-name>YouServlet</servlet-name>
    <servlet-class>com.you.app.YouServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>YouServlet</servlet-name>
    <url-pattern>/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
   <servlet-name>default</servlet-name>
   <url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
  <servlet-name>default</servlet-name>
  <url-pattern>*.png</url-pattern>
</servlet-mapping>