使用CSS将背景图像居中

一尘不染

使用CSS将背景图像居中

css

我想居中背景图像。没有使用div，这是CSS样式：

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

上面的CSS会全部平铺并将其居中，但是看不到一半的图像，只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗？

阅读 229

2020-05-16

共1个答案

一尘不染

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

那应该工作。

如果不是，为什么不div使用图像z-index作为背景？这将比背景图像更容易居中。

除此之外，请尝试：

background-position: 0 100px;/*use a pixel value that will center it*/或者我认为如果将身体设置min-height为100％，则可以使用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%;
}

2020-05-16