彻底解决div总是被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><title>彻底解决div总是被select遮挡的问题 - www.webdm.cn</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 onclick="document.getElementById('message_box').style.visibility='hidden';document.getElementById('mask').style.visibility='hidden'">X</div><div 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> <p> <select name="select"> <option value="网页代码站">还能看到我吗</option> </select> </p> <p>只要在层里面加上下面代码就可以了~</p> <p><iframe src="" style="width:800px;height:536px;top:0px;left:0px;position:absolute;visibility:inherit;z-index:-1;" frameborder=0></iframe></p> </td> </tr> <tr> <td height="2300" align="center"></td> </tr> </table><!-- //message_box --><br /><p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p></body></html>