仿MAC苹果系统跟随滚动条飘浮网页下方-副本.doc

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleFacebook Style Footer Admin Panel w/ CSS amp; jQuery- Tutorial by Soh Tanaka/title style type=text/css body { background: #7f7f7f url(background.gif) no-repeat center top; margin: 0; padding: 0; font: 10px normal Verdana, Arial, Helvetica, sans-serif; height: 100%; } * {margin: 0; padding: 0; outline: none;} img {border: none;} h1 { font-size: 1.2em; padding: 5px 10px; color: #ccc; width: 940px; margin: 0 auto; } h1 a { color: #fff; } h1 span {font-weight: normal;} #footpanel { position: fixed; bottom: 0; left: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ background: #e3e2e2; border: 1px solid #c3c3c3; border-bottom: none; width: 94%; margin: 0 3%; } *html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ position: absolute; top:expression(eval(patMode patMode==CSS1Compat) ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); } #footpanel ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/ font-size: 1.1em; } #footpanel ul li{ padding: 0; margin: 0; float: left; position: relative; } #footpanel ul li a{ padding: 5px; float: left; text-indent: -9999px; height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; } html #footpanel ul li a:hover{ background-color: #fff; } html #footpanel ul li a.active { /*--Active state when subpanel is open--*/ background-color: #fff; height: 17px; margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/ border: 1px solid