重叠身体背景的HTML背景

Question

我在html和body标签上有一个背景图片，因为我在html上有重复的背景，我希望在内容中增加高度。最重要的是身体背景图像 - 这是主要的背景图像（似乎溶解到html图像中，但它只是重叠它）。

除非有人进行浏览器缩放，否则此工作正常。奇怪的是，HTML背景开始在右侧的身体背景上蔓延。

html {
margin: 0; padding: 0; border: 0;
background: #000000 url("menu/images/redline2.jpg") repeat-y center;
}

body {
margin: 0; padding: 0; border: 0;
background: url("menu/images/about_bg2.jpg") no-repeat center;
}

链接到问题示例：http://www.bitchofrome.com/about/about3.html

Answer 1

这是一个常见问题，有一个简单的解决方案。当您拥有带有背景颜色或图像的100％宽度容器时，通常会发生这种情况。如果缩小浏览器窗口（或缩放）然后向右滚动，背景就会消失（因为它不会被重绘）。修复方法是将外部容器上的最小宽度设置为等于（或大于）内部元素的宽度。

在这种情况下，需要的是：

html {min-width: 1100px;}