这是我的第一次发布。如果这是一个基本问题，我很抱歉，但我非常难以理解我可能做错了什么。
所以，我正在尝试做一些极其基础的事情。我只想将一张图片拉伸作为页面主体的背景。
以下是我的CSS代码。
很简单。现在，当我从互联网上拉取任何图像并将其插入背景图像的URL中时，它可以完美地工作。然而，每当我尝试使用本地图像时，它就无法工作。
在我正在制作的这个网站（为了一个任务）上，我有主文件夹index.php，然后是三个子文件夹：css，js和images。显然，我把背景图片放在了image文件夹中。但是，我也尝试将background.jpg移动到css文件夹中，然后简单地输入“background.jpg”，但仍然无法工作。
哦，至少据我所知，图像确实起作用。
我做错了什么？
编辑：这里是我的HTML供参考。我基本上正在制作一个连接到MySQL服务器的即时消息框。
所以，我正在尝试做一些极其基础的事情。我只想将一张图片拉伸作为页面主体的背景。
以下是我的CSS代码。
body {
margin: 0;
background-image: url('../images/background.jpg');
background-attachment:fixed;
background-size:cover;
background-position:center;
position:relative;
color: #fff;
font-family: Calibri, sans-serif;
font-size: 100%;
line-height: 1.5em;
}
很简单。现在，当我从互联网上拉取任何图像并将其插入背景图像的URL中时，它可以完美地工作。然而，每当我尝试使用本地图像时，它就无法工作。
在我正在制作的这个网站（为了一个任务）上，我有主文件夹index.php，然后是三个子文件夹：css，js和images。显然，我把背景图片放在了image文件夹中。但是，我也尝试将background.jpg移动到css文件夹中，然后简单地输入“background.jpg”，但仍然无法工作。
哦，至少据我所知，图像确实起作用。
我做错了什么？
编辑：这里是我的HTML供参考。我基本上正在制作一个连接到MySQL服务器的即时消息框。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<title> My Shoutbox Project </title>
<link rel="stylesheet" href="css/main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"> </script>
<script src="js/shoutbox.js"></script>
</head>
<body>
<div id="container">
<header>
<h1>My Shoutbox</h1>
</header>
<div id="shouts">
<ul>
<li>foobar</li>
</ul>
</div>
<footer>
<form>
<label for="name">Name </label>
<input type="text" id="name" maxlength="20">
<label for="shout">Shout Text </label>
<input type="text" id="shout" maxlength="140">
<input type="submit" id="submit" value="SHOUT!">
</form>
</footer>
</div> <!-- close container -->
</body>
</html>
有更多的代码，因为我在运行一些PHP代码（说实话，我完全不理解PHP...我正在慢慢弄清楚）。