CSS文件未在JSP页面中下载[重复]答案

【问题标题】：CSS files doesn't download in JSP page [duplicate]CSS文件未在JSP页面中下载[重复]
【发布时间】：2016-08-29 11:31:21
【问题描述】：

我有一个简单的 html 页面。但是css文件不会在页面中下载。当我尝试在页面的<style> 标记中显示图像时出现错误 404。没有任何效果。

Catalog structure here.

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">

它与图像配合得很好。

【问题讨论】：

你可以将css文件中的图片作为背景图片引用：url('img/javarush.jpg');
没关系，因为html不下载style.css
当我提到background-image: url('img/javarush.jpg'); IDE 显示错误`

标签： java html css jsp spring-mvc

【解决方案1】：

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

【讨论】：

改了，还是不行
获取css文件的路径似乎是正确的，因为你需要跳出pages和web-inf。如果您将 css 内联，它会加载图像吗？
没有。 body { background: url(../../assets/img/javarush.jpg); } 未加载
好吧，我从来没有用 java 做 web，但你的文件似乎需要一些上下文 coderanch.com/t/628525/Servlets/java/…
请编辑更多信息。不建议使用纯代码和“试试这个”的答案，因为它们不包含可搜索的内容，也没有解释为什么有人应该“试试这个”。

【解决方案2】：

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

其他信息：

以“/”开头返回根目录并从那里继续
以“../”开头的目录向后移动一个目录并从那里开始
以“../../”开头将两个目录向后移动并开始那里（等等...）
要前进，从第一个开始子目录并继续前进

【讨论】：

<link rel="stylesheet" type="text/css" href="../../assets/css/style.css"> 不起作用
你为什么要添加两次../？
<link rel="stylesheet" type="text/css" href="../assets/css/style.css"> 不起作用。错误 404
你的css文件在哪里，是在根目录吗？
i.stack.imgur.com/UBNrS.png