Javascript HTML5<；对话>；只在chrome上工作？

在网站上使用对话框似乎只能在chrome浏览器、其他浏览器和iphone上使用，而且对话框是永久打开的，到处都是。我是否应该使用一些东西来代替

---

HTML5对话框在以下浏览器中工作：

• 铬37+
• 歌剧院29+
• 安卓浏览器40+
• Android 42的Chrome浏览器+

欲了解更多信息，请访问

---

github上有一个polyfill可用：

yes。。一些定义良好的/稳定的/跨浏览器的对话框来自一些框架，如bootstrap、dojo、jqueryplugins有没有其他方法可以产生相同的效果？考虑到每个人都使用不同的浏览器，如果它只在选定的几个浏览器上工作，似乎有点无用？我更新了我的答案。如果它回答了你的问题，请接受它作为答案

<p><button id="launchStyledModal">Learn More</button></p>

 <dialog id="styledModal">
    Insert dialog text here
    <button id="close">Close</button> 
 </dialog>
 <script src="js/dialog.js"></script>

window.onload = function () {

// Get the buttons.

var styledModalBtn = document.getElementById('launchStyledModal');
var close = document.getElementById('close');


// Get the dialogs.
var styledModal = document.getElementById('styledModal');

// Setup Event Listeners

styledModalBtn.addEventListener('click', function(e) 
{

  e.preventDefault();

  styledModal.showModal();

});

close.addEventListener('click', function(e) 
{
    this.parentNode.close();
});


};