您的位置: 首页 > IT文章 > CSS布局实例 > 纯css实现的跟随网页浮动的层 纯css实现的跟随网页浮动的层 分类: IT文章 • 2022-07-24 14:50:44 <!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> 提示：您可以先修改部分代码再运行
