分類  >  Web前端 >

徹底解決div總是被select遮擋的有關問題

tags:    時間:2013-12-10 21:42:44
徹底解決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 class="close-what" onclick="document.getElementById('message_box').style.visibility='hidden';document.getElementById('mask').style.visibility='hidden'">X</div> 					<div class="message"> 					  <p>麥田怪圈(Crop circle)是在麥田或其他農田上,透過某種力量把農作物壓平而產生出幾何圖案。此現象在1970年代後期才開始引起公眾注意。目前,有眾多麥田圈事件被他人或者自己揭發為有人故意製造出來以取樂或者招攬遊客。唯麥田圈中的作物「平順倒塌」方式以及植物莖節點的燒焦痕迹並不是人力壓平所能做到,也有麻省理工學院學生試圖用自製設備反向複製此一現象但依然未能達成,至今仍然沒有解釋該現象是何種設備或做法能夠達到。此點也是外星支持論者的主要物證基礎。</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>                       <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>

推薦閱讀文章

Bookmark the permalink ,來源:互聯網