html将导航固定在顶端
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>导航条固定</title><styletype="text/css">body{background-p_w_upload:fixed;background-color:#ffffff;text-align:center;width:960px;height:100%;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}#nav{width:960px;overflow:visible;position:fixed;/*固定作用*/top:0px;/*ie6下样式,加下划线表示只针对ie6的hack*/_position:absolute;/*把导航栏位置定义为绝对位置关键*/_top:expression(documentElement.scrollTop+"px");/*把导航栏位置放在浏览器垂直滚动条的顶端关键*/z-index:9999;/*让导航栏浮在网页的高层位置,遇到flash和图片时候也能始终保持最外层*/text-align:left;height:40px;background-color:#6666ff;color:#ffffff;padding-left:0px;}#nava{color:#ffffff;font-size:20px;text-decoration:none;}#nava:hover{text-decoration:underline}#main{text-align:center;width:960px;height:auto;text-align:left;padding-top:45px;}#bottom{text-align:center;height:50px;width:960px;border-top-width:2px;border-top-style:solid;border-top-color:#252525;margin-top:10px;}</style></head><body><divid="nav"><tableborder="0"cellspacing="0"cellpadding="0"width="100%"height="100%"><tr><tdvalign="middle"style="width:25%;"><ahref="#"target="_blank">tst1</a></td><tdvalign="middle"style="width:25%;"><ahref="#"target="_blank">tst2</a></td><tdvalign="middle"style="width:25%;"><ahref="#"target="_blank">tst3</a></td><tdvalign="middle"style="width:25%;"><ahref="#"target="_blank">tst4</a></td></tr></table></div><divid="main"> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /></div><divid="bottom">Copyright©AllRightsReserved</div></body></html>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。