如何避免中心背景图像的视口崩溃?

时间:2011-06-15 03:31:05

标签: html css

我正在使用一个布局,我在顶部有一个居中的标题/徽标图像,它与垂直重复的背景图像相连。

问题是只要视口足够宽,背景就会保持居中。当我将宽度减小到背景图像的宽度以下时,背景图像不再居中,只是从左侧开始绘制,因此它不再连接到徽标图像。

我画这张照片只是为了你个人的娱乐。

4 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

将正文上的min-width设置为至少等于带边框的图像。在这个测试用例中是642px;

答案 2 :(得分:0)

您是否尝试将html上的最小宽度设置为图像的最小宽度?我在Chrome的第一个链接上尝试过,它似乎有效。我将min-width设置为680px。

答案 3 :(得分:0)

我最终没有使用身体背景图像,使得100%最小高度的div总是延伸到底部更容易。以下是我提出的问题:http://213.251.177.42/misc/background-problem/container.html