2010-10-27 82 views
1

你可以在這裏看到我的問題:爲什麼z-index不能處理這兩個元素?

http://pmind.com/staging/123.html

我已經在Chrome,Safari瀏覽器,Firefox和Opera測試,所以我知道它不只是一個Internet Explorer靠不住的錯誤。

在內容的右上方,有兩個文字鏈接,它們隱藏在圖形下方。包含文本鏈接的<div>在頁面中更進一步,我的理解是,只有這樣才能使鏈接的z-索引達到最高。但是因爲沒有這樣做,所以我手動設置了包含文本鏈接的<div>的z索引,這仍然不能解決問題。

一個部分解決方案,我發現是設置網頁上的所有的z-index的,但<div>爲-1。然而這打破了導航項目的翻轉功能。我不想問這樣的事情,然後這是我剛剛忽略的一個非常簡單的問題,但我在智慧的結尾。

+0

示例鏈接不再有效,但我的問題的原因是我沒有意識到頁面中具有位置的元素:relative或:絕對生活在不同的堆疊順序中,而不是生活在不同的堆疊順序中。 – 2011-01-21 19:33:13

回答

1

添加「position:relative;」到#top_links將它們帶到Firefox的前端。我沒有在其他瀏覽器中測試過。

+0

你先生是個紳士和學者。非常感謝。 – 2010-10-27 22:25:05

+0

不客氣,邁克爾。如果您認爲答案可以解決您的問題,您可以通過單擊左側的複選標記將其標記爲正確。 – Daniel 2010-10-27 22:35:05