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

2024-07-11 08:40:11

字體：大中小

來源：轉載

供稿：網友

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><html xmlns=”http://www.w3.org/1999/xhtml”><br /><head><br /><title>軟件開發網</title><br /><style type=”text/css”><br /> #sticky_footer<br />{<br /> width: 100%;<br /> background-color: #222222;<br /> opacity:.8;<br /> filter:alpha(opacity=80);<br /> -moz-opacity: 0.8;<br /> position: fixed;<br /> _position:absolute;<br /> overflow: hidden;<br /> height:38px;<br /> bottom: 0;<br /> z-index: 99999;<br /> line-height:38px;<br /> float:left;<br /> _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));<br />}<br />#wrapperfooter{width:960px;margin:0 auto;border-top:0px #333333 solid;padding:0;color:red}<br /> </style><br /></head><br /><body><br /> <form id=”form1″ runat=”server”><br /> <div style=”height:900px; background-color:fff”></p><p> </div><br /> <div style=”height:90px;”></p><p> </div><br /> <div id=”sticky_footer”><br /><div id=”wrapperfooter”><br />軟件開發網，歡迎大家。<br /></div><br /></div><br /> </form><br /></body><br /></html><br />
提示：您可以先修改部分代碼再運行

上一篇：css margin:0 auto居中

下一篇：HTML meta content 提供頁面信息代碼