手机
当前位置:查字典教程网 >网页设计 > 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实现的跟随网页浮动的层】相关文章:

div+css网页布局时如何合理架构css?

用CSS实现表单form布局

div+css实现的滑动门

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

css实现文字的自动隐藏

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

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

纯CSS实现的鼠标经过文本时提示的信息

css教程:DIV布局网页的常见错误

一款纯css3实现的动画加载导航

精品推荐
分类导航