在html页面上使用文本而不是图像作为背景
提问于 2011-08-12 20:52:36
我正在尝试使用文本作为网站的背景图片-如果文本自动重排也没问题，但我尝试不滚动页面-所以在我的身体上我有overflow: hidden，它工作得很好，除非我的content div太长了，这时它也被隐藏了。
有没有办法让“背景”层溢出:隐藏，同时让我的内容在必要时流动？(我尝试过明显的溢出:隐藏在#background上)
<body>
<div id="content">
All my content
</div>
<div id="background">
<p>'I told some of yo... lots of text</p>
</div>
</body>是目前为止的基本页面格式，css是：
body {overflow:hidden;}
#background {
position:absolute;
top:-20px;
right:-20px;
bottom:-20px;
left:-20px;
overflow:hidden;
z-index:-1;}
#content {
width:840px;
text-align:left;
margin-top:30px;
margin-left:auto;
margin-right:auto;
height:auto;
overflow:visible;}
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-08-12 20:55:33
使#background位置固定，并设置溢出:隐藏到它，而不是主体。
body {}
#background {
position:fixed;
top:0;
left:0;
width:95%;
height:95%;
overflow:hidden;
z-index:-1;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7046193
复制相关文章
点击加载更多
腾讯云开发者
