いくつかの入力要素の上の位置であるdivを使用するフォームがあります。何らかの理由で、divのz-indexが高い場合でも、これらの入力要素は配置されたdivの上にあります。入力フィールドは絶対位置を使用していないため、なぜこれが発生しているのかはよくわかりません。したがって、他の要素の上に配置されることはないと思います。
例（[個人]、[ステータス]、または[居住地]フィールドをクリック）： http ：//www.puc.edu/puc-life/funnybook/little-black-funnybook
少なくともGeckoエンジンでは、.item.answerセレクターに高いスタック順序を設定する必要さえないようです。位置とz-indexを削除して、一貫性のあるxブラウザーであるかどうかを確認してください。
編集：ああ、div.item要素に対してposition：relativeを適用したことを忘れました。表示されたときに切り替えて、非表示にしたときに設定を解除してみてください。
それか、外部CSSを介してすべてのdiv.itemsでposition：relativeを残し、ポップアップしたときにz-indexを「2」に切り替え、非表示にしたときにautoに戻します。
z-indexは解決策ですが、YouTubeムービーiframeでは適切に機能しません。そのため、wmode='transparent'を使用する必要があります。