在一个框架中 弹出一个层居中锁屏

Question

一般在一个页面中的话 弹出一个层居中锁屏  是比较好实现的，网上这方面的例子也是比较多的
但是如果现在的情况是这样的话：
有一个主页，这个主页是一个框架，上一个页面，下面左右个一个页面，现在要实现的效果是，弹出一个层居中锁屏，这个层居中锁屏要能把这个框架整个遮盖，呵呵，这个研究了半天都没有是实现，所以只好像各位高手求助了；

Answer 1

你用的是frameset？？
如果用这个可就不好搞了

Answer 2

http://www.google.cn/search?hl=zh-CN&newwindow=1&q=greybox&btnG=Google+%E6%90%9C%E7%B4%A2&meta=lr%3Dlang_zh-CN%7Clang_zh-TW&aq=f&oq=

Answer 3

frameset 是不可能的。因为框架页面不显示内容，只是用来放网页的。如果用iframe 的话，还好框架都快过时了啊，怎么还用。

Answer 4

弹出 居中就不说了， 主要是锁屏（模态）效果。 我们用的是一个透明图片把页面遮挡住就OK了。 这种方法不能遮挡 select。不过你可以用Div 模拟select 就可以。　
用iframe 可以实现遮挡 select。LZ 自己看吧。

Answer 5

用div＋css+js能实现的（div分两层）
刚开始的时候用js改变div的是否可见属性
让你触发显示事件的时候改次用js来控制

Answer 6

过时了？呵呵，用什么来取代？？
这个还真不知道呢
一直做CS这快，BS项目做的还是比较少

Answer 7

我本来就是要在top.aspx页面的一个按钮事件里单出一个锁屏的层
但是不知道这个层最终显示出来没有，如果显示了，那么是不是会在right.aspx页面显示？
呵呵，问题依然....

Answer 8

例如，首页default.aspx,内部嵌套了上（top.aspx），左(left.aspx)，右(right.aspx)三个框架。
框架代码我就不贴了！我是在我工程里面测试的，贴出来，很多样式没办法抽，就把主要方法给你！
在default.aspx页面上加入如下代码： <div id="ly" style="position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #FFFFFF;z-index: 2; left: 0px; display: none;"></div>
     <div id="Layer2" align="center" style="position: absolute; z-index: 3; left: expression((document.body.offsetWidth-240)/2); top: expression((document.body.offsetHeight-170)/2);display:none" >
     <table width="500" border="1" cellpadding="0" cellspacing="0" bordercolor="#2B8ACD"  >
        <tr>
            <td  align="center" style="background-color:#e7e3e7" colspan="2">
            屏蔽整个页面啦！
              <input type="button" value="取 消" id="cancel"  onclick="Lock_CheckForm();" />
            </td>
        </tr>
    </table>
    </div>并且在该default.aspx页面上，还要加上如下js function locking() {
        document.all.ly.style.display = "block";
        document.all.ly.style.width = document.body.clientWidth;
        document.all.ly.style.height = document.body.clientHeight;
        document.all.Layer2.style.display = 'block';
    }
    function Lock_CheckForm() {
        document.all.ly.style.display = 'none';
        document.all.Layer2.style.display = 'none';
    }上述，已经在首页上放置了一个遮幕，现在就是要去调用它！
在right，left，或者top页面上放个按钮，加入其点击事件，如：我是加在right页面上<input id="Button1" type="button" value="我是right页面的按钮，点击弹出遮幕层！" onclick="covertScreen()" />相应的js：<script type="text/javascript" >
function covertScreen()
{
    window.parent.locking();
}
</script>
OK。自行针对上述代码，贴入你相应的页面，即可！