Foundation-sites: Вложенное раскрытие с data-multiple-opens = "true" имеет неправильный z-индекс

у меня та же проблема. решение, которое я нашел.
вам нужно поместить второй модальный код внутри первого модального образца:

<p><a data-open="exampleModal2">Click me for a modal</a></p>

<!-- This is the first modal -->
<div class="reveal" id="exampleModal2" data-reveal>
<h1>Awesome!</h1>
<p class="lead">I have another modal inside of me!</p>
<a class="button" data-open="exampleModal3">Click me for another modal!</a>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
<div class="reveal" id="exampleModal3" data-reveal data-multiple-opened="true">
<h2>ANOTHER MODAL!!!</h2>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
`
https://jsfiddle.net/noxquws1/22/

Решение @nbeltran не работает с модальными

Решение, которое я нашел для предотвращения этого для загруженного содержимого ajax, - открыть модальные окна, используя:

function openMyModal () {
var modal = new Foundation.Reveal ($ ('#myModal'));
modal.open ();
}

function openMyOtherModal () {
var modal = new Foundation.Reveal ($ ('#myOtherModal'));
modal.open ();
}

Это работает для меня и не позволяет открывать модальные окна на спине, надеюсь, это поможет

Это похоже на крайний случай, и приведенный выше пример должен исправить это в этих случаях. Спасибо @adnhack!