如何避免视图中心背景图像崩溃？

我使用了一个布局，我在顶部有一个居中的标题/徽标图像，并且它与垂直重复的背景图像相连接。如何避免视图中心背景图像崩溃？

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

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

2011-06-15 Kaafir

是的，背景很有趣，谢谢！ – 2011-06-15 03:40:42

我喜欢通过将窗口缩小到600px以下并且来回滑动来使它看起来像跳舞。使我发笑。说真的，如果我明白你在问什么，你想要div外的东西保持相对于div内的背景图像的固定？ – kinakuta 2011-06-15 03:59:42

我在Firefox 3.6中，但没有看到您正在讨论的背景布局问题：我想我只是不理解它。你能提供一些关于工作/非工作布局的屏幕截图吗？ – Femi 2011-06-15 04:02:36

2011-06-15 05:02:54 yoel

嗯不，你没有解决图像不再排队的问题，我绝对不希望图像以任何方式拉伸。 – Kaafir 2011-06-15 14:23:44

将身体上的min-width设置为至少等于您的图像的边界。在这个642px的测试案例中;

2011-06-15 10:57:04 Litek

是的，我已经尝试过，但没有改变背景。在这种情况下，背景仍然偏离中心 - 我不完全确定原因。 – Kaafir 2011-06-15 14:31:41

您是否尝试过将最小宽度设置为html作为图像的最小宽度？我在Chrome的第一个链接上尝试过，它似乎工作。我将最小宽度设置为680px。

2011-06-15 16:24:01

我最终没有使用正文背景图像，使得总是延伸到底部的100％min-height div更容易。这是我想出的：http://213.251.177.42/misc/background-problem/container.html

2011-06-15 18:06:23 Kaafir

回答