如何在頂部有一個固定項目

基本上我想知道如何在網頁的所有元素之上總是有一個固定項目。我有一個居中的固定選取框，它工作正常，直到我達到我的JavaScript幻燈片，它在幻燈片放映。幫助將被處理。如何在頂部有一個固定項目

CSS：

#fixedmarq { 
position:fixed; 
left: 50%; 
margin-left: -250px 

}

HTML：

<center><div id="fixedmarq"><marquee width="500" bgcolor="#000000"><span style="font-weight: 400; font-family: changa-one; font-style: normal; font-size:24px; color:#FFFFFF">Welcome back to the NEW CanteraFC website! We hope you like it!</marquee></div></center>

來源

2014-02-20 KyleD

一些代碼會有幫助。你有沒有嘗試過使用'z-index'？ –

你給了選擇框一個z-索引？ – Huangism

檢查了這一點。它幾分鐘前回答：http://stackoverflow.com/questions/21917061/position-fixed-dont-pass-over-some-elements – LcSalazar

你的項目必須有[如果你使用]大的z-index比JavaScript的幻燈片。

來源

2014-02-20 19:20:03 GAMELASTER

如果要在元件上使用position: fixed（或absolute或relative），則可以使用z-index屬性來調整其元素是在頂部。但是，您無法覆蓋父元素的z-index，因此請確保您的fixed元素的父元素能夠比您的javascript幻燈片顯示更高的z-index。

來源

2014-02-20 19:21:13

我沒有在幻燈片中定義z-index。 – KyleD

JavaScript幻燈片幾乎肯定會設置一個z-index以保證圖像顯示。您需要使其他元素的z-index高於插件。 –

要查看您可能需要設置z-index，我將使用Firebug或瀏覽器檢查器查看幻燈片的CSS。您應該能夠查看並查找爲z-index設置的值。那麼你只需要在這之上。

來源

2014-02-20 19:22:29 user1470118

我沒有在幻燈片中定義z-index。 – KyleD

然後我會繼續做下去。只需跟蹤z-索引，並確保您的項目z-index大於幻燈片。 – user1470118

如何在頂部有一個固定項目

回答

相關問題