禁用像js alert这样的网页吗？

Question

我正在使用custom dialog-box confirmation消息它会正确显示但页面的后视图是可点击/启用的，因此用户可以点击我要禁用该后视图的任何地方。 就像原生js alert, confirm box一样。 以下是js警告框的图像，其中所有后视图都无法访问，当我使用自定义框时，如何实现此功能。

Answer 1

试试这个......

HTML:
<div id="alert-overlay-wrapper"></div>

CSS:
#alert-overlay {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}

在自定义提醒框的html中添加html div，并添加css。

这项工作是身体的叠加。

您需要注意的一件事是，自定义提醒框的“z-index”必须大于1000，因为叠加z-index为1000.

Answer 2

您可以尝试jQuery Alert或类似的插件。

逻辑：使用灯箱效果创建一个div。灯箱将覆盖整个页面。

Answer 3

你的情况最好的例子是bootstrap modals Bootstrap modal 看看Twitter开发者是如何做到的。

Answer 4

您可以尝试： -

Twitter boot strap modol box：Modol Box

jQuery Fancybox：Fancybox

jquery Colorbox：Colorbox