Question

这是我第一次发帖。如果这是一个基本问题，我很抱歉，但我正在最艰难的时间绕过我可能做错的事情。

所以，我正在努力做一些非常基本的事情。我只是想将图像拉伸为身体的背景。

这是我的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。显然，我把背景图片放在images文件夹中。但是，我也尝试将背景，jpg移动到css文件夹，然后简单地放入＆＃34; background.jpg＆＃34;这也不起作用。

哦，据我所知，图像绝对有用。

我做错了什么???

编辑：这是我的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 ......我正在慢慢搞清楚这一点。）< / p>

Answer 1

我将您的代码粘贴到我的环境中并将其解决了问题。我的文件安排：

.toFixed(2)

如果你有这个安排

http://localhost/shoutbox.html
http://localhost/css/main.css
http://localhost/images/background.jpg

你需要改变

http://localhost/shoutbox/shoutbox.html
http://localhost/css/main.css
http://localhost/images/background.jpg

到

<link rel="stylesheet" href="../css/main.css">

（单个/告诉它转到顶层）或将图像和css文件夹移动到shoutbox文件夹。

（注意，我正在做一些假设，因为我看不到你的完整文件结构）

使用本地图像时，CSS背景图像不起作用

1 个答案: