HTML5对话框元素重叠谷歌验证码

我对captcha和HTML5对话框元素有问题，我的对话框是重叠的captcha图像

我已经将dilogbox的z-index改为0，但它仍然重叠。我正在使用对话框多边形填充。我如何解决这个问题

这个问题发生在Mac Google Chrome版本52.0.2743.116（64位）中

请参见此处的JSFIDLE链接：

<div class="container">
    <dialog class="auth">
    <div id="recaptcha"></div>
    </dialog>
</div>

---

我发现了问题，我使用showmodel（）而不是show（）来显示对话框。showmodel（）将对话框添加到“顶层”。z索引属性在顶层中不起作用。

---

我发现了问题，我使用showmodel（）而不是show（）来显示对话框。showmodel（）将对话框添加到“顶层”。z索引属性在顶层中不起作用。