CSS如何让背景不能滚动

2014/9/30 11:25:16来源：三联

最近学习点样式表，以前有一位很历害的CSS朋友给我这个代码，看的挺不错的，思想真棒！留个纪念！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
html,body{ width:100%; height:100%; overflow:auto; position:relative;}
.container{ width:100%; height:100%; overflow:auto;}
.bg{ background:#000000;opacity:0.5; filter:alpha(opacity=50); position:absolute; z-index:1; overflow:auto; width:100%; height:100%; left:0; top:0;}
.box{ position:absolute; left:50%; top:50%; width:300px; z-index:11; height:300px; line-height:300px; color:#f60; font-weight:bold; font-size:20px;}
.info{ position:absolute; left:-50%; top:-50%; z-index:10; width:300px; height:300px; text-align:center; border:1px solid #f00; background:#fff;}
</style>
</head>

<body>
<div class="container">
<script type="text/javascript">
for(var i=0;i<150;i++){
document.write('<center>大力开发建设蝶恋蜂狂就爱上了开发简单说了开发经理的萨克减肥啦可适当加分</center>');
}
</script>
</div>
<div class="bg"></div>
<div class="box"><div class="info">我就不动</div></div>

</body>
</html>

[教程作者：佚名]

关键词：如何背景不能滚动

免责声明：本站文章系图趣网整理发布，如需转载，请注明出处，素材资料仅供个人学习与参考，请勿用于商业用途！
本文地址：http://tuquu.com/tutorial/wd2233.html

上一篇:CSS层叠顺序

下一篇:完全css弹出菜单

CSS如何让背景不能滚动

您可能还喜欢

网页教程分类

Macaron 马卡龙系色谱；附HC（16进制码）

@media适配不同尺寸的手机

干货分享！推荐8个高清无水印无版权可商用图

国外黄色网站系列欣赏之一

CutterMan-一个好用的ps切图插件

ps像素图放大边缘模糊？一步搞定

庞门正道：好好玩耍的点线面（上）

经典网页配色方案之无色系