[分享]弹出层被选择框(select)遮挡 解决方案实例 亲测可用
来源：
互联网
日期：2011-9-17
|
Tc711Com提示：弹出层被选择框(select)遮挡 解决方案实例,亲测可用,代码实例完整.推荐分享! | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>弹出层被选择框(select)遮挡-tc711.com</title>
<style>
body{margin:0px;padding:0px;}
#message_box{ position:absolute; width:800px; height:536px; z-index:10000; visibility:hidden; border:#000 3px solid;background-color:#FFF;margin:40px 0px 0px 50px;}
#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#000; filter:ALPHA(opacity=80); z-index:1; visibility:hidden}
.close-what{float:right;cursor:hand;}
.message{background-color:#F4F4F4;width:754px;height:200px;margin:20px 20px 20px 20px;color:#FF6600;}
</style>
</head>
<body>
<div id="message_box">
<iframe src="" style="width:800px;height:536px;top:0px;left:0px;position:absolute;visibility:inherit;z-index:-1;" frameborder=0></iframe>
<div class="close-what" onclick="document.getElementById('message_box').style.visibility='hidden';document.getElementById('mask').style.visibility='hidden'"><img src="/images/close-what.gif"></div>
<div class="message">
<p>绵阳网站建设,绵阳网站制作,绵阳网络公司,绵阳做网站,绵阳网站优化,南充网络公司,企业建站程序,企业建站软件,企业建站系统,企业建站模板,绵阳网页设计制作,绵阳网站托管,网站建设,网页教学,711网络</p>
<p>711网络作为专业的网站建设、网页设计制作、网站推广服务商。致力于绵阳、成都、南充、上海、广东、北京等全国企业网站建设，搜索引擎优化排名推广。</p>
</div>
</div>
<div id="mask"></div>
<table width="960" height="2603" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="960" height="303" align="center"><p><span onclick="document.getElementById('mask').style.visibility='visible';document.getElementById('message_box').style.visibility='visible'" style="cursor:hand"><a href="#">来点击我试试 </a></span> </p>
444
<form id="form1" name="form1" method="post" action="">
<label for="select"></label>
<select name="select" id="select">
<option value="www.tc711.com">www.tc711.com</option>
</select>
</form></td>
</tr>
<tr>
<td height="2300" align="center"></td>
</tr>
</table>
</body>
</html>
更多的[分享]弹出层被选择框(select)遮挡 解决方案实例 亲测可用请到论坛查看: http://BBS.TC711.COM
【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】
来源：
互联网
日期：2011-9-17
|
|
|
