CSS：将背景图像设置在屏幕中心

Question

我有一张名为myImage.jpg的图片。这是我的CSS：

body {
    background-image:url("../images/myImage.jpg");
    background-repeat: no-repeat;
    margin: 0px auto;
}
#header {
    width: 640px;
    background-color: red;
    margin: 0px auto;
}

这使得myImage.jpg的高度达到屏幕的100％并且宽度为640px，但它并没有使myImage.jpg居中。 myImage.jpg完全在左边。

如何以myImage.jpg为中心？

Answer 1

在background-position: center 0%;规则

中添加body