html - 如何让基础 Reveal Modal 在 Safari 中正确显示

标签 html css safari modal-dialog zurb-foundation-5

Foundation Reveal Modal 在 Chrome、Firefox 和 IE 中运行良好;但不是 Safari。

当我单击登录链接时,模态仅在屏幕上出现一半。在所有其他浏览器中,它保持在屏幕中央。

你可以看到一个video of my test on Safari 6.2 .

我尝试了关于 Foundation Forum 的建议, 但他们没有帮助。

最佳答案

我找到了一个简单的解决方案。

CSS

.left-50p { left: 50%; }

HTML

<div id="signupModal" class="reveal-modal left-50p" data-reveal>

关于html - 如何让基础 Reveal Modal 在 Safari 中正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32085072/

相关文章:

html - 奇怪的 CSS 边距问题

css - Flexbox 元素扩展父项中的 Flexbox 元素

asp.net - iPad 上的 Safari 有时无法识别 ASP.NET 回发链接

css - 带有背景剪辑的渐变文本 : text property breaking up on Mac Safari

html - 在IOS中, Bootstrap 模式中的iframe无法滚动

c# - 如何判断您的页面是否在 .Net 中的 iFrame 中运行?

html - 如何在另一个类中使用一个类的CSS样式但另一个类不影响主类样式

css - 如何在悬停按钮时显示表格?

javascript - iOS 上的 Safari 在页面底部加载 JavaScript 之前等待 10-30 秒

javascript - Chrome 扩展覆盖