2010-04-27 78 views
0

我正在嘗試使用z-index來分層按鈕和div。該按鈕出現在div後面,而根據z-index,它應該位於它的前面。這裏是與Firebug捕獲的按鈕& div相關的樣式元素:Z指數問題

請注意,該按鈕的z索引爲2,div的z索引爲1,並且兩者均爲position:relative。

全HTML位於this pastebin

+0

既然這兩個元素都被定位並具有z索引,我們將不得不看HTML來排序這個元素。 – dclowd9901 2010-04-27 20:48:41

+0

@ dclowd9901 - 元素是通過javascript創建的。如何捕獲靜態HTML? – ripper234 2010-04-27 20:50:15

+0

1和2可能不是用於z-index的好值,特別是用於測試。試試1000和2000,看看是否改變任何東西。 – Robusto 2010-04-27 20:51:47

回答

4

z-index是一個相對值,而不是絕對值。

10十億將不會出現在網頁上的所有元素的上面,僅在同一其他元素之上疊加背景下的z-index的對象

http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp

在您發佈的CSS層次結構中,它看起來像按鈕和div包含在不同的元素中(#note18#note19),因此您必須確保這些元素不會創建不同的堆疊上下文將使任何內部元素的z索引不相互關聯。

+0

嗯..有趣的是,我沒有'不知道。 你會如何建議我繼續「確保這些元素不會創建不同的上下文......」? – ripper234 2010-04-27 21:42:31

+0

我正在閱讀您鏈接的內容,我想答案在那裏,但我還沒有找到它。 – ripper234 2010-04-27 21:45:58

+0

我玩過第二個鏈接,發現沒有簡單的方法來做到這一點,同時保持層次結構中上面任何位置的相對位置。好的,現在我明白爲什麼會發生這種情況 - 但是我怎樣才能達到預期的效果呢? – ripper234 2010-04-27 21:55:56