Question

所以，我有两个文件，一个用于html，另一个用于CSS 我在他们之间建立了这样的联系：

		<link rel="stylesheet" type="text/css" href="CSS/login.css">

这是我的html代码，我刚刚开始所以有很多代码

<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="CSS/login.css">

</head>
<body >
    <form>
    <div>

    </div>
    </form>
</body>

这是css文件

body
{
    background-image:url("../Images/header.jpeg");

}

问题是背景图像不起作用

Answer 1

好吧，因为你的body内没有内容。

你可以：

向正文添加内容（显然你会这么做 - 但问题是在其他元素上应用相同的逻辑）

<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="CSS/login.css">
</head>
<body >
    <form>
    <div>
      Background Show
    </div>
    </form>
</body>

或使用height

添加width和css

body {
  width: 100px;
  height: 100px;
  background-image:url("../Images/header.jpeg");
}

Answer 2

它不起作用，因为你的身体元素没有宽度或高度。

试试这个：

body
{
    width: 100px;
    height: 100px;
    background-image:url("../Images/header.jpeg");
}

当然，你不必给身体一个固定的宽度和高度。请确保其中包含一些内容。

Answer 3

我相信如果你在背景图片应该显示的空白div之间添加一些东西。

Answer 4

请尝试以下操作： Demo

html
{
    background:url("http://www.stockazoo.com/uploads/3/5/4/5/3545172/748777_orig.jpg") no-repeat 100% 100%;
height:100%;
}

为height as 100%和html, body

指定background size:100%

Answer 5

乔

请告知我们文件夹结构或打印屏幕。并且让我们知道它是localhost还是它的服务器。可能是因为你的大写字母CSS应该是小写的。

<link rel="stylesheet" type="text/css" href="CSS/login.css">

<link rel="stylesheet" type="text/css" href="css/login.css">

背景图片不起作用

5 个答案: