HTML背景重叠身体背景

我有一个背景图像的HTML和身体标签，因为我有一个重复背景的HTML，我想与内容的高度成长。最重要的是身体背景图像 - 这是主要的背景图像（似乎溶入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

来源

2013-05-05 user2348781

不Chrome浏览器或FF发生我。你在看什么浏览器？顺便说一句，在背景图像中包含如此多的内容并不是一个好主意 - 尤其是文本。该标题文本应该在HTML中可用（即使隐藏在视觉上）。 – 2013-05-05 03:41:06

它发生在FF（20），Safari（5）和IE9上。在FF之前，我必须在开始发生之前放大3-4倍，而且它只发生在右侧。 – user2348781 2013-05-05 04:48:11

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

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

html {min-width: 1100px;}

来源

2013-05-05 08:41:39

HTML背景重叠身体背景

回答

相关问题