HTML背景重叠正文背景
提问于 2013-05-05 03:32:18
我在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;
}
回答 1
Stack Overflow用户
发布于 2013-05-05 08:41:39
这是一个常见的问题，有一个简单的解决方案。当你有一个带有背景颜色或图像的100%宽度的容器时，通常会发生这种情况。如果缩小浏览器窗口(或缩放)，然后向右滚动，背景就消失了(因为它不会被重绘)。解决方法是在外部容器上设置等于(或大于)内部元素宽度的最小宽度。
在这种情况下，需要的是：
html {min-width: 1100px;}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16381116
复制
腾讯云开发者
