我正在使用 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">×</span>
</button>
</div>
这适用于 FF、Chrome 和 Safari。但是在 IE11 上,实际模态一直被推到当前可见视口(viewport)之外的页面底部?是否需要进行更改才能使 IE11 正常工作?
编辑:这只发生在第一次点击时。在 IE11 中第一次打开模态时,模态呈现在可见视口(viewport)之外,在随后的打开中,模态被正确定位。
最佳答案
看起来这已被报告为 an issue on Foundation's GitHub .尚未实现修复,但这是需要检查的地方。
关于css - Zurb Foundation 5 Reveal 模态仅在 IE11 中错误定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35304324/