Question

我需要在此页面中获取背景图像，以便仅显示一次，不重复，并且居中，并且向下显示约500px。我似乎无法正确编写代码。我知道它类似于“background-image：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和生病的帖子。 TY！

Answer 1

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

或漫长的道路

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

如果没有任何内容，请给你的包装器一个高度。

Answer 2

使用background-repeat: no-repeat;代替background-image: norepeat

body {
    background-image: url('paper.gif');
    background-repeat: no-repeat;
}

详细了解W3School的财产：http://www.w3schools.com/cssref/pr_background-repeat.asp

Answer 3

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

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

Answer 4

尝试在您的CSS中插入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;
}

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

4 个答案: