css較高z-index出現在較低的一個

我正在努力解決css上的z-indexes問題。css較高z-index出現在較低的一個

我有一個項目Z指數< 100，另一個（圖片） Z指數爲3000（真的很高）。

第二個出現在第一個下面，它讓我有點瘋狂。我在這個問題上搜索了一下，我讀過它可能是由於沒有把放在一個位置而導致的，所以我嘗試了position：fixed，position：relative，但是沒有一個工作。

的網址是： www.imagine-that.be

圖像必須出現在右下角，在菜單的右側。你可以稍微在菜單後面看到它。

這是CSS代碼，我嘗試使用：

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
}

我真的沒有，此刻我應該做些什麼來解決這個線索，所以任何幫助將不勝感激大的時間！

問候，

公園

來源

2012-03-20 denappel

當你設法解決這個問題，人們將無法點擊圖像下面的鏈接。編輯：我剛把它移到我的其他顯示器，圖像將不會包含任何鏈接。它只會影響人們在較小的窗口中瀏覽。 – Andrew 2012-03-20 09:14:24

你應該閱讀this MDN article學習的z-index是如何工作的。要解決您的問題，請將您的div#menulogo置於body元素處。

來源

2012-03-20 09:03:02

太棒了，就是這樣做的，謝謝！ – denappel 2012-03-20 09:46:28

學到了新東西，謝謝！ – Technotronic 2014-05-28 15:24:52

-1

更改您這樣的代碼

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:5000; //changed from 2000 to 5000 
}

來源

2012-03-20 09:19:12 krishnan

css較高z-index出現在較低的一個

回答

相關問題