字段div弹出层(垂直与横向居中)兼容ie和ff

div 居中  时间:2021-01-24  阅读:()

下面是整个页面的代码,总共分为CSS和Javascript和HTML三部份复制后运行就可以了里面有个背景图要自己换掉。

#alertdiv{position:absolute;height:450px;width:400px;z-index:9999; left:50%;margin-left:-200px;padding:1 px;border:1 px#ccc sol id; 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; l ine-height:23px;margin:0; }

#alertdiv h2 a{position:absolute;display:block;right:5px; top:3px;display:block;margin:0;width:16px;height:16px;margin:0;padding:0;overflow:hidden;backgrou nd:u rl(images/icon/action_delete.gif) no-repeat;cursor:pointer; text-indent:-999px}

.forminfo{padding:5px;}

. inputR{width:120px;}

.bg{background-color:#CCC;-moz-opacity:0.5; fi lter: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 yScrol l ;//取滚动条高度if (se lf.p a geYOffs et) {yScrol l=self.pageYOffset;

}else if (document.documentElement&&document.documentElement.scrollTop){yScrol l=document.documentElement.scrol lTop;

}else if (document.body) {yScrol l=document.body.scrollTop;

}

//obj.style.marginL eft=(W/2-200)+"px";obj.style.top=(H/2-90-225 + yScrol l)+"px";document.getElementById("bg").style.display="block";obj.style.display="block";var scrollstyle=scrolls();scrol lstyle.style.overflowX="hidden";scrol lstyle.style.overflowY="hidden";

}function closediv(id){

//关闭弹出层

document.getElementById(id).style.display="none";document.getElementById("bg").style.display="none";var scrollstyle=scrolls();scrol lstyle.style.overflowY="auto";scrol lstyle.style.overflowX="hidden";

}function scrol ls(){

//取浏览器类型var temp_h1 =document.body.cl ientHeight;var temp_h2=document.documentElement.cl ientHeight;var isXhtml=(temp_h2<=temp_h1&&temp_h2!=0)?true:false;var htmlbody=isXhtml?document.documentElement:document.body;return htmlbody;

}

<div class="bg" id="bg"></div>

<div id="alertdiv">

<h2>请填写表单信息<a href="javascript:closediv('alertdiv')" title="关闭">关闭</a></h2><div class="forminfo">

<table width="100%"border="0"al ign="center"cel lpadding="5">

<form id="form1"name="form1"method="post"action="">

<tr>

<td width="21%"al ign="right">字段一 </td>

<td width="41%"><input type="text"name="textfield" id="textfield"class="inputR"/></td><td width="38%">&nbsp;</td>

</tr>

<tr>

<td al ign="right">字段三 </td>

<td><input type="text"name="textfield2" id="textfield2"class="inputR"/></td>

<td>&nbsp;</td>

</tr>

<tr>

<td al ign="right">字段四 </td>

<td><input type="text"name="textfield3" id="textfield3"class="inputR"/></td><td>&nbsp;</td>

</tr>

<tr>

<td al ign="right">字段五 </td>

<td><input type="text"name="textfield4" id="textfield4"class="inputR"/></td><td>&nbsp;</td>

</tr>

<tr>

<td al ign="right">&nbsp;</td>

<td colspan="2"><label><input type="submit"name="button" id="button"value="提交" /></label>

<label><input type="reset"name="button2" id="button2"value="重置" /></label></td></tr>

</fo r m>

</table>

</div>

</div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>;&nbsp;</p>

<p>&nbsp;</p>

<p><a href="javascript:alertinfo('alertdiv');">显示弹出层</a></p>

Megalayer 香港CN2优化线路VPS主机速度和性能综合评测

对于Megalayer云服务器提供商在之前也有对于他们家的美国服务器和香港服务器进行过评测和介绍,但是对于大部分网友来说需要独立服务器和站群服务器并不是特别的普及,我们很多网友使用较多的还是云服务器或者VPS主机比较多。在前面也有在"Megalayer新增香港VPS主机 1GB内存 50GB SSD 2M带宽 月59元"文章中有介绍到Megalayer商家有新增香港CN2优化VPS主机。那时候看这...

LiCloud:香港CMI/香港CN2+BGP服务器,30Mbps,$39.99/月;香港KVM VPS仅$6.99/月

licloud怎么样?licloud目前提供香港cmi服务器及香港CN2+BGP服务器/E3-1230v2/16GB内存/240GB SSD硬盘/不限流量/30Mbps带宽,$39.99/月。licloud 成立於2021年,是香港LiCloud Limited(CR No.3013909)旗下的品牌,主要提供香港kvm vps,分为精简网络和高级网络A、高级网络B,现在精简网络和高级网络A。现在...

虎跃云-物理机16H/32G/50M山东枣庄高防BGP服务器低至550元每月!

虎跃科技怎么样?虎跃科技(虎跃云)是一家成立于2017年的国内专业服务商,专业主营云服务器和独立服务器(物理机)高防机房有着高端华为T级清洗能力,目前产品地区有:山东,江苏,浙江等多地区云服务器和独立服务器,今天虎跃云给大家带来了优惠活动,为了更好的促销,枣庄高防BGP服务器最高配置16核32G仅需550元/月,有需要的小伙伴可以来看看哦!产品可以支持24H无条件退款(活动产品退款请以活动规则为准...

div 居中为你推荐
cf蜗牛外挂蜗牛透视怎么开?具体些哦p图软件哪个好用什么P图软件好用?聚酯纤维和棉哪个好聚酯纤维和棉 那个比较暖和啊锦天城和君合哪个好合肥和君纵达好吗?网页传奇哪个好玩求最好玩的网页传奇?尼康和佳能单反哪个好尼康和佳能哪个好啊?oppo和vivo哪个好vivo和oppo建议买哪个行车记录仪哪个好行车记录仪哪种好用?网络机顶盒哪个好什么牌子的网络机顶盒最好51空间登录手机怎么登陆51空间啊
空间租用 便宜域名注册 免费顶级域名 hostgator 表格样式 正版win8.1升级win10 刀片服务器是什么 共享主机 免费申请网站 网游服务器 闪讯官网 申请免费空间 lamp兄弟连 国内空间 97rb 时间同步服务器 服务器操作系统 德国代理ip qq部落18-3 主机游戏 更多