Javascript 创建一个不可关闭的非覆盖模式，用户仍然可以在后台导航

您好，我想知道如何创建一个不覆盖的模式，这意味着用户仍然可以在容器仍然显示在那里的情况下导航，它可以被移动、最小化或保持在那里，而且即使用户单击背景，它也不会关闭。我试图做一些研究，但我似乎找不到正确的答案，因为我看到的总是引导

这就是我想要的。

---

提前谢谢你的帮助

您可以使用JQuery UI对话框，例如：

.ui对话框{
底部：0px；
顶部：自动！重要；
左：自动！重要；
右：0px；
位置：固定！重要；
}
身体{
背景：红色；
高度：200vh；
}

jQuery UI对话框-默认功能
$（函数（）{
$（“#dialog”）.dialog（）；
} );
这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口

在Chrome中，这种始终处于顶部模式的唯一解决方案是将其作为元素添加到网页中（通常是

iframe

，它指向扩展名内的html文件，在web\u accessible\u参考资料中声明）。不是一个非常用户友好的设计。不适用，因为UI必须显示在任何不受OP控制的网页上。此任务特定于扩展。