我有一个背景图像，使用CSS垂直和水平居中。只要窗口足够大以显示背景图像，它看起来很棒并且正在工作。
当窗口调整为小于bg图像时出现的问题。发生这种情况时，bg图像继续居中，但我需要在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;
}
当窗口足够大以允许时，任何解决方案都需要在水平和垂直方向上继续使bg图像居中，但当窗口比bg图像短时，顶部会有最小边距，并且最小边距在窗口比bg图像窄的左边。任何帮助将不胜感激。感谢。
答案 0 :(得分：1)
如果这是在<body>，我会在身体的开头添加两个额外的div，位于绝对位置，并且背景颜色为白色，以确保在该区域中，没有看到背景图片。
然后将<div>中剩余的所有内容包裹在身体中，并将其设为position: relative。
我认为这应该会产生你想要的东西。