如何用屏幕剪輯頂部酒吧

-1

如何用屏幕剪輯我的頂部酒吧。所以當我在頁面上下來時，我的意思是向下滾動頁面頂部欄也應該移動。就像在Facebook上一樣，頂級欄在屏幕上移動。我正在尋找過去2小時內的谷歌。但無法得到，我們稱之爲。如何用屏幕剪輯頂部酒吧

enter image description here

和我的HTML/CSS是..

#topnavbar 
{ 
width:100%; 
height:50px; 
background-image:url('top.jpg'); 
background-repeat:repeat-x; 
}

HTML

<div id="topnavbar"> 

</div>

固定標題？... – Idris

是的，現在你可以稱它爲標題。我在哪裏寫了頂欄 –

似乎有某種圖像滑塊的網頁上。所以我會建議你包括z-index也。

#topnavbar 
{ 
width:100%; 
height:50px; 
background-image:url('top.jpg'); 
background-repeat:repeat-x; 
position:fixed; 
z-index:500; 
}

2014-01-25 19:50:39 daniyalahmad

是的，z-index也解決了我的第二個問題。非常感謝！！！ –

你說的是導航欄的位置固定在屏幕的頂部，對？

top:0;position:fixed;

#topnavbar { 
width:100%; 
height:50px; 
background-image:url('top.jpg'); 
background-repeat:repeat-x; 
top:0; 
position:fixed; 
}

2014-01-25 19:41:20 Night

在CSS中，position ING元素是一個基本概念。在這種情況下，您需要一個fixed的位置。根據MDN，您應該遵守fixed位置元素的以下準則：

不要爲元素留出空間。相反，將其定位在相對於屏幕視口的指定位置，並且在滾動時不移動。打印時，請將其定位在每頁上的固定位置。

要重申的是，如果你想保留的元素在相同的位置，無論在哪裏滾動頁面時，請使用position:fixed

#topnavbar{ 
    position:fixed; 
}

2014-01-25 19:41:29 Charlie

你需要尋找是什麼如何使用css屬性position: fixed;將div或其他元素「保留在您放置的位置」相對於其包含的元素。

真快和粗糙例如：

2014-01-25 19:43:38

回答