Javascript 显示内部html所需的覆盖/lightbox

我试图创建一个覆盖来显示内部html页面。我从动态DHTML modalbox开始，但是代码对于HTML5浏览器来说已经过时了（对于MS Edge没有正确显示）。我发现了一种叫做LightBox的东西，但它看起来只显示图像

模态窗口：

灯箱：

---

我想要的只是一个显示内部网页的jquery覆盖页面。有什么帮助吗？

这会让你开始

在“样式”部分中，添加：

        .overlay-background {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height:100%;
            width: 100%;
            cursor: pointer;
            z-index: 1000; /* high z-index */
            background: #000; /* fallback */
            background: rgba(0,0,0,0.75);
        }

        .overlay-content 
        {
            display: block;
            background: #fff;
            padding: 1%;
            width: 40%;
            position: absolute;
            top: 15%;
            left: 50%;
            margin: 0 0 0 -20%;
            cursor: default;
            z-index: 10001;
            border-radius: 4px;
            box-shadow: 0 0 5px rgba(0,0,0,0.9);
        }

在HTML部分中添加，但请记住将URL更改为您希望显示的任何页面：

    <div class="overlay-content">
       <object type="text/html" data="https://www.google.com" style="width: 50%; height: 50%;"></object>
    </div>
    <div class="overlay-background">
    </div>

您想使用库还是自己编写？库也就是我可以简单地应用到我的网站上的东西。这只是一个基本的网站，我试图添加覆盖，而不是打开新的页面这里是一个列表的灯箱库：然而，这些大多是图像。这一个也可以在其中显示一个网站：如果你计划将你的网站建立在一个风格框架上，比如Bootstrap，你已经包括了所有这些功能（模态）。这里有一个链接：如果你正在使用twitter引导，你应该看看我上面提供的链接。所有东西都已经在里面了，好像不起作用。。我制作了一把小提琴来测试