弹出层 遮住 背后的内容的效果如何做

弹出层 遮住 背后的内容的效果怎么做?
弹出层 遮住 背后的内容的效果怎么做?

1,点一下页面中的按钮
2,弹出一个层,(也许是div,也许iframe,也许其他)
3,这个层置顶,会遮住背后的内容,背后的内容变灰蒙蒙(也许是盖着白色半透明的东西)
3,然后这个层 可以设置拖动或者不拖动
4,这个层上可以 提交表单
5,表单处理完之后 可以自动 关闭这个层
6,背后的主区域内容 灰蒙蒙自动消失,恢复正常,并且刷新。


类似这样的效果:


------解决方案--------------------
Dialog的效果,
给楼主推荐一个插件,不错。

http://www.planeart.cn/demo/artDialog/_doc/new.html
------解决方案--------------------
就是一个div

看看 div绝对位置,透明度就知道了
------解决方案--------------------
建议用插件,不过用遮罩层的话ie6下好像遮不住select下拉框..