手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >纯css实现的跟随网页浮动的层
纯css实现的跟随网页浮动的层
摘要:查字典教程网#sticky_footer{width:100%;background-color:#222222;opacity:.8;fi...

<!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> </div> <div> </div> <div id="sticky_footer"><div id="wrapperfooter">查字典教程网,欢迎大家。</div></div> </form></body></html>

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

【纯css实现的跟随网页浮动的层】相关文章:

用css实现十字的布局示例代码

纯CSS代码实现翻页焦点图效果

CSS样式表实现效果很好的分页效果源代码

一款css实现的鼠标经过按钮的特效

纯CSS代码实现翻页

CSS设计网页头部的写法

css实现连续的英文或数字自动换行的方法

用css3实现当鼠标移进去时当前亮其他变灰效果

css设置body背景图片随内容增加多少

纯css实现的下拉菜单只有边框底纹用到图片

精品推荐
分类导航