javascript - 如何在javascript中将随机背景居中

Question

我在 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>

但是，背景不会居中，您只会在左上角看到它们。所以我在网上用谷歌搜索，但是......我不知道关于 js 的任何事情，只是一些事情。我正在帮助一个 friend 建立他的网站，但我们一直坚持下去。我只是希望比我们知识渊博的人可以提供帮助。

编辑:这就是我所说的“中心”的意思:http://i.imgur.com/G3Z9epT.png

Answer 1

这是一个使用 css 而不是 js 的 fiddle ，我还在 body 上添加了一个 background-size 所以整个图像在所有屏幕尺寸上都可见，但是这是可选的 - http://jsfiddle.net/dk329q1L/

这是 css -

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