CSS Position Абсолютный выпуск Z-Index

Question

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

Пример (щелкните в поле Персона, Статус или Место жительства): http://www.puc.edu/puc-life/funnybook/little-black-funnybook

Answer 1

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

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

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

Answer 2

z-index - решение, но оно не работает должным образом с iframe фильма youtube, для этого вам придется использовать wmode = 'transparent'