Проблема с z-index

Question

Я пытаюсь использовать z-index для наложения кнопки и элемента div. Кнопка появляется за div, в то время как в соответствии с z-index она должна быть перед ним. Вот элементы стиля, связанные с кнопкой & div, захваченные Firebug:

Обратите внимание, что кнопка имеет z-индекс 2, div имеет z-индекс 1, и оба имеют позицию: относительный.

Полный HTML-код в этой вставке .

Answer 1

z-индекс является относительным, а не абсолютным значением.

Объект с z-индексом 10 миллиардов не будет отображаться поверх всех элементов на странице, только поверх других элементов в том же контексте стека

http://css -discuss.incutio.com / вики / Overlapping_And_ZIndex

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

В размещенной вами иерархии CSS похоже, что кнопка и div содержатся в разных элементах (#note18 и #note19), поэтому вам нужно убедиться, что эти элементы не создают разные контексты стека. что сделает любые z-индексы для элементов внутри них не относящимися друг к другу.