HTML页面弹出自定义对话框带遮蔽罩(使用JavaScript)

转载:http://blog.sina.com.cn/s/blog_610f47c50100ohe4.html

原理其实很简单:首先绘制弹出的自定义对话框,将其使用display:none隐藏,因为设置为none,其在页面中并不占用空间;

遮蔽罩使用一个div,然后将其宽高设置为整个显示窗口大小,配置其透明度,在将其z-index属性大于主页面的z-index的值,也就是遮蔽层在主页面上方,如此即可

 

事先隐藏一个div,在需要的时候调出显示既可。





你可能感兴趣的:(HTML页面弹出自定义对话框带遮蔽罩(使用JavaScript))