1

我有一个使用 CSS 垂直和水平居中的背景图像。它看起来很棒，只要窗口足够大以显示背景图像，它就可以正常工作。

当窗口大小调整为小于 bg 图像时，就会出现问题。发生这种情况时，背景图像继续居中，但我需要在背景图像的顶部和左侧保持最小边距。BG图像是900px x 700px，我使用的代码是：

#main_wrapper {
    background-image: url(../images/background.jpg);
    position:relative;
    width:900px;
    height:700px;
    left:50%;
    top:50%;
    margin-left:-450px;
    margin-top:-350px;
}

当窗口足够大以允许它时，任何解决方案都需要继续将背景图像水平和垂直居中，但是当窗口比背景图像短时，顶部的最小边距和左侧的最小边距当窗口比背景图像窄时。任何帮助将不胜感激。谢谢。

4

1 回答 1

1

如果这是在您<body>的 .

然后把你身体里剩下的东西包起来，<div>让它成为position: relative。

我认为这应该会产生您想要的结果。

于 2012-07-13T10:33:14.260 回答