純css實現的跟隨網頁浮動的層

2024-07-11 08:46:45

字體：大中小

來源：轉載

供稿：網友

<!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 hack 兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 瀏覽器兼容教程

下一篇：ie8 body overflow hidden 無效的解決方法