如何在javascript中集中随机背景

我已经在stackoverflow上查看了背景js。在尝试了一些之后，我发现我认为正是我所需要的：

<script type="text/javascript">
ChangeIt();
</script>


<script type="text/javascript">
var totalCount = 8;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg';
document.body.style.repeat = "contain";// Background repeat
}
</script>

ChangeIt（）；
var totalCount=8；
函数ChangeIt（）
{
var num=Math.ceil（Math.random（）*totalCount）；
document.body.background=http://adventureofucm.com/OtherSites/image_background/“+num+”.jpg'；
document.body.style.repeat=“包含”//背景重复
}

然而，背景并不居中，你只能在左上角看到它们。所以我在网上搜索了一下，但是。。。我想知道关于js的任何事情，只是一些小事情。我正在帮助一位朋友建立他的网站，我们被困在这个问题上。我只是希望比我们更有知识的人能帮忙看看

---

编辑：这里是我所说的“中心”的意思：

要使背景居中，请添加：

document.body.style.backgroundPosition = "center";

---

在这种情况下，必须设置边距自动，但必须指定宽度 您必须分配id:

  {
        width:100px;
     }   margin: auto;

---

您也可以通过这样做来实现这一点：

background-position: center; 

---

这是一个使用css而不是js的提琴，我在主体上添加了一个

背景大小

，这样整个图像在所有屏幕大小上都是可见的，但这是可选的-

这是css-

body {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; /* Entire background image always stays in view */
}

---

您应该为元素设置

背景位置

，将此行添加到代码中：

document.body.style.backgroundPosition = "center top";

值

居中顶部

表示图像将水平放置在

居中

，垂直放置在

顶部

下图显示了可用于

背景位置的其他值：

你说的中心是什么意思？bg图像适用于整个背景。请看tnx的回复，我的意思正是我所说的，将图片居中，我希望你能理解。看这个：哇，它工作了！tnx很多，只是一个小问题（如果可能的话），我现在看到bg水平居中，但在垂直方向上我看到底部的图像，bg也可以垂直居中吗？（看这个可以更好地理解：D）（在这里可以看到应用的代码：）它应该将它放在两个方向的中心，尝试添加
document.body.style.height=“100%”tnx对于你的回复，我会尝试：）tnx很多，我也会尝试你的方式：）哇，听起来不错：D它是否将背景置于x，y轴的中心？（我的意思是：）是的，背景位置：中心意味着在两个轴上都有50%的位置，我在fiddle中的html上添加了一个高度：100%以更好地演示这一点，尝试垂直/水平调整输出框的大小以查看它的实际情况-我应该为此建立一个纪念碑，说真的，我疯了：D tnx很多，现在只需要学习如何“设置”（？）css xD，tnx a lotHaha:D，“设置”css的方法在这里-