例の Foundation表示モーダルを使用すると、オーバーレイによって隠されているダイアログ ボックスが表示されます。ダイアログ ボックスをオーバーレイの上に表示することは不可能です。ダイアログ ボックスとオーバーレイの両方の z-index をそれぞれ 1006 と 1 に操作しましたが、それでもオーバーレイによってダイアログ ボックスが見えなくなります。検査ツール (Chrome) によると、オーバーレイ div の z-index はデフォルトで 1005 で、ダイアログ div は 1006 であるため、オーバーレイがダイアログ div を覆い隠してはなりません。何が起こっている？これをFirefoxでもテストしましたが、同じ悪い結果が得られました。回避策として、次を使用してオーバーレイを非表示にするように css オーバーライドを更新しました。
.reveal-overlay {
display: none !important;
}
しかし、モーダル ダイアログを処理する必要があることをユーザーに示すオーバーレイが必要です。