此方法僅對於一般位於頂端的導航條有效。 首先找到導航欄的 CSS，修改其屬性如下：
position: fixed; /*生成絕對定位的元素，相對於瀏覽器視窗進行定位*/
z-index: 99; /*設定元素的堆疊順序，使該層處於最頂層*/ 這樣修改完你會發現：導航欄向左偏移了，右側沒有背景，排版很難看。但是隻要改動寬度，如下：
width: 100%;
現在還有一個問題：網站整體上移了一個導航欄的寬度。只要給下面整個層加上 padding-top 屬性就好了，不在意的可以忽略這一步。 最後如果覺得不透明有點彆扭，也可以來實現半透明，同樣新增 CSS 屬性如下：
filter:alpha(opacity=50); /*相容 IE6*/ -moz-opacity:0.5; /*相容一些老版本的 Mozilla 瀏覽器*/ -khtml-opacity: 0.5; /*相容一些老版本的 Safari 瀏覽器*/ opacity: 0.5; /*CSS 標準，支援目前所有瀏覽器*/