网页登陆框

Question

我想实现在网页中，打开页面，判断是否用户已经登录，如果没有登录，则提示用户进行登录，像QQ一样弹出一个页面，父窗体变灰就不能操作。
我用JS写了段脚本，实现这个功能，但是在IE6下面父窗体没有变灰，而且能操作，没有达到预期的效果，但是IE7跟8都没问题
请教各位牛人，帮忙指点下JS代码function createDiv() {    var shadow = document.createElement("div");
    shadow.setAttribute("id", "shadow");
//    shadow.style.zIndex = "10";
    var box = document.getElementById("GridViewDIV");
    box.style.zIndex = "99";
    box.style.top = "50%";
    box.style.left = "50%";
    document.body.appendChild(shadow);
}
function hideDiv() {
    var box = document.getElementById("GridViewDIV");
    var shadow = document.getElementById("shadow");
    box.style.display = "none";
    box.style.zIndex = "0";
    box.style.top = "0";
    box.style.left = "0";
    document.body.removeChild(shadow);
    return true;
}CSS样式
        .style1
        {
            width: 97%;
        }
#shadow
{
   position:absolute;
   left:0;
   top:0;
   right:0;
   bottom:0;
   margin:0px 0px 0px 0px;
   width:100%;
   height:100%;
   background-color:#0060C0;
   filter:alpha(opacity=20);
}
#GridViewDIV{
   position:absolute;
   left:50%;
   top:50%;
   width:400px;
   height:180px;
   margin:-90px 0 0 -200px;
   border:1px solid #84A0C4;
   background-color:#DFE8F6;
   text-align:center;
}
        .style4
        {
            height: 80px;
        }
        .style5
        {
            height: 6px;
        }页面中定义了一个名为GridViewDIV的DIV

Answer 1

没能看问题所在，应该是ie6与ie7、8的兼容性问题。
楼主完成后能否传我一份看看，我也正要做个类似功能的页面
Email  [email protected]
好人一生平安

Answer 2

兼容性问题
通过JQUERY弹出模式窗口实现登录
参考

Answer 3

其实就是一个div 漂浮在窗体的上层，设置样式，不能单击

Answer 4

最简单的就是后面加一个div，div的透明度设置下酒可以实现变灰了。也就是个遮罩层，在这个遮罩层上面加一个div放你的登录框。楼上有个Jquery的控制挺方便的，虽然没去看也就Ajax 成功以后，让div隐藏就Ok了

Answer 5

我也要[email protected]楼主 好人一生平安+1

Answer 6

我觉得还是得从CSS兼容性上下手

Answer 7

已经没有ie6了，无法帮你测试，粗略看了一下，估计是
filter:alpha(opacity=20);
不兼容ie6
看看这个对你有没有帮助：
http://www.8tops.com/113_kavenyan_916387B12A6C4D088D48E7F9AB3F4405.htm

Answer 8

http://topic.csdn.net/u/20090608/16/54579a1f-5932-44c2-886d-0b2c0268237c.html
这是我自己做的一个仿关机效果弹出式登录窗口（Asp.net 2.0+Ajax），不知道对LZ有没有帮助，看看吧~

Answer 9

http://dotnet.aspx.cc/Exam/test.htm
http://topic.csdn.net/u/20090608/16/54579a1f-5932-44c2-886d-0b2c0268237c.html?48609
两个参考。两个都还可以。要现成的就到第二个里面去下吧。

Answer 10

SHADOW层的Z-INDEX在IE6下默认的可能和BODY区同级
加大下SHADOW的Z-INDEX试下

Answer 11

AJAX.NET 的ModalPopupExtender控件就是专门针对这个效果.
在ModalPopupExtender悬停中,要保护背景不被点击,所以加入如下样式..在FF和IE下都可以将除了悬停之外的背景显示为灰色...backgroundCss   
{   
    background-color:Gray;   
    filter:alpha(opacity=80);   
    opacity:0.8;   
}