使用 CSS 将背景图像居中

发布于04月15日

我想把背景图像居中.没有使用div，这是CSS样式:

body{
    background-position:center;
    background-image:url(../images/images2.jpg) no-repeat;
}

上面的CSS瓷砖到处都是，并将其居中，但看不到一半的图像，它只是有点上移.我想做的是使图像居中.即使在21英寸的屏幕上，我也可以采用该图像进行查看吗？

推荐答案

background-image: url(path-to-file/img.jpg);
background-repeat:no-repeat;
background-position: center center;

这应该行得通.

如果没有，为什么不用图像做div，然后用z-index做背景呢？这将比身体上的背景图像更容易居中.

除此之外，请try :

background-position: 0 100px;/*use a pixel value that will center it*/或者我认为如果你把你的身体设置为min-height到background-position: 0 100px;/*use a pixel value that will center it*/%，你可以使用50%.

body{

    background-repeat:no-repeat;
    background-position: center center;
    background-image:url(../images/images2.jpg);
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    min-height:100%;
}