网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.CSS仿淘宝首页导航条按钮布局效果.
.用css实现图片替换.
.CSS公用文件.
.CSS+DIV表格背景透明,内容不透明.
.CSS仿淘宝首页导航条布局效果.
.利用CSS,不通过replace替换标引.
.想让DIV居中 如何编写CSS .
.CSS中最小高度(min-height)的妙用.
.网页制作必知:初探CSS3的RGBA颜.
.css控制div置顶置底的例子.
.标记语言:为指定css样式.
.与表格边框有关的CSS语法.
.网页设计之css+div PK table+css.
.CSS浏览器兼容方案-hack与一个完.
.CSS+DIV设计实例:纯CSS制作下拉.
.在XHTML文档中合适的使用CSS和Ja.
.用CSS设计你的搜索框.
.CSS经典实用技巧18招.
.CSS入门教学十四个问与答.
.你知道这些css网页设计技巧吗.

CSS欺骗,让背景不能滚动

发表日期:2008-9-1


最近学习点样式表,以前有一位很历害的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>

上一篇:CSS固定定位{position:fixed} 人气:1066
下一篇:CSS层叠顺序 人气:900
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐