纯css实现的跟随网页浮动的层

所属分类：网页制作 / CSS 阅读数： 1720

收藏 0赞 0分享

<!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><title>脚本之家</title><style type="text/css">    #sticky_footer{    width: 100%;    background-color: #222222;            opacity:.8;    filter:alpha(opacity=80);    -moz-opacity: 0.8;    position: fixed;    _position:absolute;    overflow: hidden;    height:38px;    bottom: 0;    z-index: 99999;    line-height:38px;    float:left;    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}#wrapperfooter{width:960px;margin:0 auto;border-top:0px #333333 solid;padding:0;color:red}    </style></head><body>    <form id="form1" runat="server">    <div style="height:900px; background-color:fff">        </div>    <div style="height:90px;">        </div>    <div id="sticky_footer"><div id="wrapperfooter">脚本之家，欢迎大家。</div></div>    </form></body></html>

提示：您可以先修改部分代码再运行

更多精彩内容其他人还在看

纯css实现的跟随网页浮动的层

2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼

前端设计师需要了解的9个问题

CSS强制性换行的方法区别详解

CSS语义化命名方式及常用命名规则

ul li内容宽度的问题的解决方案

html5+css3气泡组件的实现

html5+css3之CSS中的布局与Header的实现

一款恶搞头像特效的制作过程利用css3和jquery

大图片根据分辨率自适应宽度仍居中显示

CSS3提交意见输入框样式代码

网络赚钱

站长故事

纯css实现的跟随网页浮动的层

2013年五大主流浏览器 HTML5 与 CSS3 兼容性大比拼

前端设计师需要了解的9个问题

CSS强制性换行的方法区别详解

CSS语义化命名方式及常用命名规则

ul li内容宽度的问题的解决方案

html5+css3气泡组件的实现

html5+css3之CSS中的布局与Header的实现

一款恶搞头像特效的制作过程 利用css3和jquery

大图片根据分辨率自适应宽度仍居中显示

CSS3提交意见输入框样式代码

网络赚钱

站长故事

一款恶搞头像特效的制作过程利用css3和jquery