Javascript dialog元素上的showModal（）不适用于Safari，但适用于Chrome

我在展示Safari的模式时遇到了一些问题。这目前在Chrome中起作用：

var screenShotDialog = document.createElement("DIALOG");
document.getElementsByTagName("BODY")[0].appendChild(screenShotDialog);
screenShotDialog.showModal();

但是，当我尝试在Safari上运行同一台服务器时，这个showmodel（）方法会将这个对话框附加到我的页面底部，而在Chrome中它会显示为一个“弹出窗口”。检查控制台日志，我得到

screenShotDialog.showModal不是一个函数。（在 “screenShotDialog.showModal（）”，“screenShotDialog.showModal”是 （未定义）

---

我在chrome中没有发现这个错误，查看这里的对话框文档，我发现Safari应该支持这个错误（我有Safari 9.0.3版）。有人能帮上忙吗？这真让人沮丧。

别听傻子的话：该死，你有什么办法推荐@dandavis吗？bootstrap modals得到了很好的支持，比jqui modals轻得多。picomodal对香草很好。应该有一种多填充物，但在这种情况下对我也不起作用。