父窗口弹出div

如何在父窗口上填充div并且必须禁用父窗口,除非弹出Div / html页面关闭。

父窗口禁用意味着无法工作。 一旦子div填充父div,那么您只能继续在这个填充的div / html页面上。

1)有一个接管所有显示器的div。 默认显示为none,z-index为1(它还需要绝对位置)

2)将弹出div再次置于绝对位置,并显示为无。 z-index 2

3)Onclick更改这两个显示。 只要div 1可见并且它接管了所有监视器,您将无法执行任何操作。 只有div 2可以访问,因为它在z方向的div 1上。

就像jQuery UI模式对话框一样 ? 如果你使用jQuery UI库,它只需要一个简单的函数:

 $('#foo').dialog() 

不可能做到可靠,用户可以绕过它。 您可以模拟modal dialog,但在客户端上可以进行任何操作。 无论此对话框应该阻止什么,您的服务器和页内逻辑都必须预期它可能没有完成这项工作。

值得一读这个链接

您可以通过以下示例轻松制作它

http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/