首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML背景重叠正文背景

HTML背景重叠正文背景
EN

Stack Overflow用户
提问于 2013-05-05 11:32:18
回答 1查看 1.4K关注 0票数 0

我在html和body标签上有一个背景图像,因为我在html上有一个重复的背景,我希望随着内容的高度增长。在这上面是身体背景图像-这是主要的背景图像(它看起来溶解在html图像中,但它只是重叠它)。

除了有人进行浏览器缩放之外,它工作得很好。奇怪的是,HTML背景开始爬过右侧的正文背景。

代码语言:javascript
运行
复制
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

EN

回答 1

Stack Overflow用户

发布于 2013-05-05 16:41:39

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

在这种情况下,需要的是:

代码语言:javascript
运行
复制
html {min-width: 1100px;}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16381116

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档