CSS 背景图像未显示

Question

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/font-awesome.css">

        <style type="text/css">
            body {
                background-image: url(man_meteor.jpg);
                background-repeat: no-repeat;  
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
            }

为什么我的背景图片没有显示？以下是我的文件的排列方式。

Answer 1

看到你的代码，我可以说你需要指定 height:200px OR height:400px 示例，接下来为了安全添加双引号，如 background-image: url("man_meteor.jpg");。试试这个他们还有其他出行方式。

Answer 2

正如您所说，您的内容写在一个名为 home.jsp 的文件中，我怀疑您正在将“/”映射到您的一个 servlet，该 servlet 将您的 home.jsp 转发给客户端。这是不对的，因为此映射会将所有其他资源映射到您用来转发 home.jsp 的同一个 servlet。正确的映射是映射“”。

您 web.xml 中的一个区块应该如下所示：

<servlet-mapping>
    <servlet-name>The name of your servlet that forwards home.jsp</servlet-name>
     <url-pattern></url-pattern>
</servlet-mapping>

CSS 背景图像未显示

CSS background-image not showing

html

css

background-image