Question

我有一个简单的html页面。但是css文件不会在页面中下载。我在页面中的<style>标记中尝试显示图片时出现错误404。什么都行不通。

针对home.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <meta charset="utf-8">

    <title>Title</title>
    <link href="../../assets/css/style.css" rel="stylesheet">
    <link href="../../assets/css/bootstrap.css" rel="stylesheet">
    <style>
        /*h2{*/
            /*color: red;*/
        /*}*/
        body {
            background: url(../../assets/img/javarush.jpg);

        }
    </style>

</head>
<body>
<div class="home">
    <h2>Hello World!</h2>
</div>
<button class="bg-primary btn-primary btn-lg">Button</button>
</body>
</html>

的style.css

.home {
    background-image: url('/assets/img/javarush.jpg');
    background-size: cover;

}
h2{
    color: #2b542c;
}

更新：仅适用

<style>
        <%@include file="/assets/css/style.css"%>
</style>

但未找到图片

更新2 ：在dispatcherServlet中写<mvc:resources mapping="/assets/**" location="/assets/"/>并在.jsp中写

<link href="<c:url value="/assets/css/bootstrap.css" />" rel="stylesheet">
    <link href="<c:url value="/assets/css/style.css" />" rel="stylesheet">

它适用于图像。

Answer 1

添加css文件的方法：
<link rel="stylesheet" type="text/css" href="mystyle.css">

其他信息：

以＆＃34; /＆＃34开头;返回根目录并从那里继续
以＆＃34; ../"开头;将一个目录移回并从那里开始
以＆＃34; ../../&# 34开头;将两个目录移回并启动那里（等等......）
要继续前进，先从第一个开始子目录并继续前进

Answer 2

.home {
    background-image: url('../img/javarush.jpg');
}

CSS文件无法在JSP页面中下载

2 个答案: