div 弹出层(垂直与横向居中),兼容ie和ff.doc

下面是整个页面的代码,总共分为CSS和Javascript和HTML三部份，复制后运行就可以 了，里面有个背景图要自己换掉。#alertdivposition:absolute; height:450px; width:400px; z-index:9999;left:50%; margin-left:-200px; padding:1px; border:1px #ccc solid; font-size:12px; display:none; background-color:#FFFFFF #alertdiv h2 position:relative; height:23px; background-color:#E4E4E4; font-size:12px;padding:0; padding-left:5px; line-height:23px; margin:0; #alertdiv h2 aposition:absolute; display:block;right:5px; top:3px;display:block; margin:0; width:16px; height:16px; margin:0; padding:0; overflow:hidden; background:url(images/icon/action_delete.gif) no-repeat; cursor:pointer; text-indent:-999px .forminfopadding:5px; .inputRwidth:120px; .bgbackground-color:#CCC;-moz-opacity: 0.5; filter: alpha(opacity = 50); height:10000px; width:120%; position:absolute; z-index:9998; left:0; top:0; display:none function alertinfo(id) /显示弹出层var obj = document.getElementById(id); var W = screen.width;/取得屏幕分辨率宽度var H = screen.height;/取得屏幕分辨率高度var yScroll;/取滚动条高度if (self.pageYOffset) yScroll = self.pageYOffset; else if (document.documentElement & document.documentElement.scrollTop) yScroll = document.documentElement.scrollTop; else if (document.body) yScroll = document.body.scrollTop; /obj.style.marginLeft= (W/2 - 200) + px;obj.style.top= (H/2 -90 - 225+yScroll) + px;document.getElementById(bg).style.display=block;obj.style.display=block; var scrollstyle = scrolls();scrollstyle.style.overflowX = hidden; scrollstyle.style.overflowY = hidden; function closediv(id)/关闭弹出层document.getElementById(id).style.display=none; document.getElementById(bg).style.display=none;var scrollstyle = scrolls(); scrollstyle.style.overflowY = auto; scrollstyle.style.overflowX = hidden; function scrolls()/取浏览器类型var temp_h1 = document.body.clientHeight; var temp_h2 = document.documentElement.clientHeight; var isXhtml = (temp_h2=temp_h1&temp_h2!=0)?true:false; var htmlbody = isXhtml?document.documentElement:document.body;return htmlbody; 请填写表单信息关闭 字段一：   字