web网页中单击空白处隐藏登录弹框

如图：单击"登录"按钮时，弹出下面的登录界面。

要求：除再次单击"登录"按钮之外，单击网页其他的空白处，也将登录窗口隐藏。

方法：1、登录div id=“login-div”设置其属性z-index=9999，这个z-index在当前网页中值最高。

             2、在单击"登录"按钮显示登录界面的同时，在登录界面的下面加一个遮罩层，div id="div-hide",设置其z-index=9998，

                   数值仅低于login-div。并设置为透明。大小为整个屏幕的大小。

总结：设置为这样后，第一次单击整个网页的其他任何部分时，都会隐藏登录界面。不会无意间单击某链接进入新界面。