标题 | css如何让背景不能滚动 |
范文 | 最近学习点样式表,以前有一位很历害的css朋友给我这个代码,看的挺不错的,思想真棒!留个纪念! <!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > <html xmlns=> <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> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。