纯css实现的跟随网页浮动的层_51自学网css教程教程

首页 > css教程

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

51自学网 http://www.wanshiok.com

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>wanshiok.com</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">wanshiok.com，欢迎大家。</div></div>    </form></body></html>

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

css,网页浮动　

上一篇：ie8 body overflow hidden 无效的解决方法下一篇：css hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 浏览器兼容教程