js急救，等。怎样让弹出层锁定居中。不随滚动条滚动而改变位置。

[陌城灬流年閣]

    
    
    var mybg = document.createElement("div");
    //弹出层
    function d_x(){  
         
    var h = document.body.clientHeight; 
    var w = document.body.clientWidth;
       
    myAlert = document.getElementById("alert"); 
    myAlert.style.display = "block";  
    myAlert.style.position = "absolute";
     
    
    myAlert.style.top = (h/2)+"px";  
    myAlert.style.left = (w/2)+"px";  
    //myAlert.style.marginTop = "-200px";  
    //myAlert.style.marginLeft = "-250px";  
    
    mybg.setAttribute("id","mybg");  
    mybg.style.background = "#000";
    mybg.style.display = "block"; 

    mybg.style.width = "100%"; 
    mybg.style.height = h+"px";  
    mybg.style.position = "absolute";  
    mybg.style.top = "0";  
    mybg.style.left = "0";  
    mybg.style.zIndex = "500";  
    mybg.style.opacity = "0.5";  
    mybg.style.filter = "Alpha(opacity=40)";  
    document.body.appendChild(mybg);  
    document.body.style.overflow = "hidden";   

[Go 旅城通票]

    //myAlert.style.position = "absolute";
    myAlert.style.position = "fixed";  //不过对IE6-不起作用，你需要使用计时器移动层

[陌城灬流年閣]

嗯，我先试下。

[陌城灬流年閣]

[Quote=引用 1 楼 的回复:]

JScript code
//myAlert.style.position = "absolute";
myAlert.style.position = "fixed"; //不过对IE6-不起作用，你需要使用计时器移动层
[/Quote]

这个在IE上面运行以后，遮罩层中的内容不能选择

[陌城灬流年閣]

自己顶下。求解

[Go 旅城通票]

myAlert这个的zIndex是多少？被mybg这个曾给遮盖住了吧。。

[陌城灬流年閣]

[Quote=引用 5 楼 的回复:]

myAlert这个的zIndex是多少？被mybg这个曾给遮盖住了吧。。
[/Quote]
我没设置myAlert 中 zIndex的值。是不是要设置比mybg的值大一些

[tptptp00]

$(window).bind("scroll",function(){改层的位置})

[Go 旅城通票]

恩。。。fixed和absolute一样的，通过z-index设置显示循序，大的显示最上面。只是fixed滚动后相对窗口位置不变

[陌城灬流年閣]

 //myAlert.style.position = "absolute";
    myAlert.style.position = "fixed"; 

我这样写了以后。在IE6里面，层上的东西和层的模糊度一样了。不能点击，这是为什么。我将myAlert里面的zIndex设置为1000还是不行。

[陌城灬流年閣]

[Quote=引用 7 楼 的回复:]

$(window).bind("scroll",function(){改层的位置})
[/Quote]

能再详细点吗

[tptptp00]

$(window).bind("scroll",function(){
var h = document.body.clientHeight;
document.getElementById('alert').style.top = (h/2+document.body.scrollHeight)+'px';
})

[如流风般凌乱]

ie6不支持position:fixed.写特例吧
可以看看这个http://www.cnblogs.com/hooray/archive/2011/05/20/2052269.html

[陌城灬流年閣]

[Quote=引用 11 楼 的回复:]

$(window).bind("scroll",function(){
var h = document.body.clientHeight;
document.getElementById('alert').style.top = (h/2+document.body.scrollHeight)+'px';
})
[/Quote]

这样写以后效果是什么

[tptptp00]

滚动的时候弹出层跟着一起滚

[陌城灬流年閣]

[Quote=引用 14 楼 的回复:]

滚动的时候弹出层跟着一起滚
[/Quote]

是居中的吗

[陌城灬流年閣]

谢谢大家。我直接在js中判断当前浏览器版本

if(isIE){
	  if(isIE6){
	    myAlert.style.position = "absolute";
	     }
	  }
	  else{
	   myAlert.style.position = "fixed";
	  }

问题解决了。结贴

[hhh305743261]

添加滚动条事件，当它移动的时候
top=document.documentElement.scrollTop