使用 CSS 将背景图像居中

小编典典

使用 CSS 将背景图像居中

all

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

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

上面的 CSS 瓦片全部居中，但没有看到一半的图像，它只是向上移动。我想做的是使图像居中。即使在 21 英寸的屏幕上，我也可以采用图像查看吗？

阅读 80

2022-07-31

共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%;
}

2022-07-31