Html 背景图像正在重复，无法将其编码为停止

我需要在这个页面的背景图像，以显示只有一次，没有重复，并要居中，约500px下来的页面。我似乎不能正确地编写代码。我知道这有点像背景图片：norepeat，检查了WC3页面，它给了我一些东西，但它只破坏了图片，根本没有显示出来

以下是CSS部分：

#wrapper {
width: 700px;
margin: 0 auto;
background-color: #d7fdc9;
padding-top: 20px;
padding-bottom: 20px;
background-image: url(../images/bkgd-image.gif);
}

我不确定你是否需要完整的HTML和CSS，所以我只是发布了一个小消息，因为我无法想象你需要更多

如果你真的需要它，lmk，我会把它贴出来。泰

使用背景重复：无重复；取而代之的是背景图像：norepeat

了解有关W3School上的物业的更多信息：

还是漫长的路

background-image: url(../images/bkgd-image.gif);
background-repeat:no-repeat;
background-position:center 500px;
background-color:#d7fdc9;

---

如果包装纸上没有任何东西，就给它一个高度。

是的，也许你写错了，它是：

background-image:url('../images/bkgd-image.gif');
background-repeat:no-repeat;

尝试插入背景重复：无重复；进入你的css

如果要创建完整的页面背景：请尝试以下操作

html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

---

成功了，谢谢克里斯！有没有办法防止图像滚动？我试过位置：固定；但是这会使整个包装固定下来；将修复你的背景图像这实际上是我在课堂上回忆的，重复-y。不管什么原因，它都不起作用。我知道这显然是我做的其他事情，而不是你的代码，因为我清楚地记得它是一样的。@KyleSchmelzer你是计算机世界的新手吗？我只是复制粘贴了W3C的代码。明白了，你需要使用no-repeat.Ty-Chun，感谢回复！

background-image:url('../images/bkgd-image.gif');
background-repeat:no-repeat;

html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}