Позиция CSS Абсолютный Z-индекс Проблема

Question

У меня есть форма, которая использует div, который является позициями над некоторыми элементами ввода. По некоторым причинам эти элементы ввода находятся выше позиционного div, хотя div имеет высокий z-индекс. На самом деле не знаю, почему это происходит, поскольку поля ввода даже не используют абсолютное позиционирование, поэтому я думаю, что они никогда не будут на вершине другого элемента.

Пример (Нажмите на Person, Статус или поле Residence): http://www.puc.edu/puc-life/funnybook/little-black-funnybook

Answer 1

Похоже, вы даже не нужно устанавливать высокий порядок наложения для .item селектора Отвечать на, по крайней мере, в Gecko двигатель. Попробуйте удалить позицию и z-index и посмотреть, совместим ли он с x-браузером?

Редактировать: Ах, я забыл, что я применил положение: относительно элемента div.item, можете ли вы попытаться переключиться на это, когда он появится и отменит его, когда вы его скроете?

Это или оставить позицию: относительная по всем div.items через внешний CSS и переключить z-index на «2», когда материал всплывает и возвращается к авто, когда он скрыт.

Answer 2

г-индекс является решением, но он не работает надлежащим с YouTube фильма IFRAME, для этого вам придется использовать WMODE = «прозрачный»