DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> CSS實現固定位置頂部導航條
CSS實現固定位置頂部導航條
編輯:WEB前端代碼     
可以這樣實現:
#topmenu-keleyi-com{
position:fixed; /* 固定位置 ie6不支持該屬性 */
top:0; /* 導航欄距離頂端為0像素 */
/*ie6下樣式,加下劃線表示只針對ie6 的hack http:///a/bjac/hi92xgsg.htm*/
_position:absolute; /* 把導航欄位置定義為絕對位置,這句是關鍵1 */
_top:expression(eval(document.documentElement.scrollTop)); /* 把導航欄位置放在浏覽器垂直滾動條的頂端,這句是關鍵2 */
overflow:auto;
z-index:9999; /* 讓導航欄浮在網頁的高層位置,遇到flash和圖片時候也能始終保持最外層 */
}


也可以這樣實現:
.site-nav-keleyi-com {
background: url("背景地址") repeat-x scroll 0 0 #005EAC;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
height: 31px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1999;
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved