HTML私はキャプチャとHTML5のダイアログ要素に問題があるGoogleのキャプチャ

を重ね5ダイアログ要素、私のダイアログボックスが重なっているキャプチャ画像は HTML私はキャプチャとHTML5のダイアログ要素に問題があるGoogleのキャプチャ

私はその重複を0に私のdilogboxのzインデックスを変更しましたが、まだ持っています。私はdialog-polyfillを使用しています。どうすればこの問題を解決できますか？

この問題は、Mac Google Chromeのバージョン52.0.2743.116（64ビット）に

が起こっているここjsfiddleのリンクを参照してください：

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

を私は、問題を発見しましたshow（）の代わりにshowModal（）を使用してダイアログボックスを表示していました。 showModal（）はダイアログボックスを「最上位レイヤー」に追加します。 z-indexプロパティーは、最上位レイヤーに影響を与えません。 HTML5 top layer

2016-09-22 12:02:05 Unnikrishnan

答えて