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

在网上找到不少用js写的。这个用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> <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实现的跟随网页浮动的层 css,网页浮动

相关文章:

你感兴趣的文章:

标签云: