2013年12月13日
摘要: 画页面过程中总后许多弹出框(例如alert,confirm,dialog)的需求,单浏览器自身的alert,confirm,dialog比较难看。一般那我都是自己用div写一个模拟弹出框,但是这里有一个大问题:模拟弹出框显示后,页面的其他部分还能点击操作。这容易造成误操作,我想要的效果是模拟弹出框显示后页面的其他部分都不能操作。最后我找到一种写遮盖层的方法。主要原理是利用页面主内容、遮盖层和弹出框z-index的大小进行控制。形象的说这三个部分就像三张纸,弹出框在最上面,遮盖层在中间,页面主内容在最下面。这样的话模拟弹出框显示后页面的其他部分都不能操作。代码如下弹出模态对话框测试[IE6下测试 阅读全文
posted @ 2013-12-13 10:06 行走天涯 阅读(342) 评论(0) 推荐(0) 编辑