css - Zurb Foundation 5 Reveal 模态仅在 IE11 中错误定位

Question

我正在使用 Foundation 5 的显示模式。

<div class="reveal" id="exampleModal1" data-reveal>
    <h1>Awesome. I Have It.</h1>
    <p class="lead">Your couch. It is mine.</p>
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
    <button class="close-button" data-close aria-label="Close modal" type="button">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>

这适用于 FF、Chrome 和 Safari。但是在 IE11 上，实际模态一直被推到当前可见视口(viewport)之外的页面底部？是否需要进行更改才能使 IE11 正常工作？

编辑:这只发生在第一次点击时。在 IE11 中第一次打开模态时，模态呈现在可见视口(viewport)之外，在随后的打开中，模态被正确定位。

Answer 1

看起来这已被报告为 an issue on Foundation's GitHub .尚未实现修复，但这是需要检查的地方。