纯css实现的跟随网页浮动的层
纯css实现的跟随网页浮动的层
发布时间:2016-12-27 来源:查字典编辑
摘要:查字典教程网#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>

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类