javascript創(chuàng)建頁(yè)面蒙板的一些知識(shí)技巧總結(jié)第3/3頁(yè)

更新時(shí)間：2007年08月19日 12:12:45 作者：

(4)設(shè)置了background且設(shè)置蒙板全透明(0%)的div蒙板。{背后元素可見(jiàn)但不可操作}

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

(5)使用div生成的蒙板不能遮蓋select，但能遮蓋iframe

<!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"  xml:lang="zh-CN" lang="zh-CN">     <head>     <title></title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <input type="button" onclick="pop()" value="彈出遮罩層" /> <input type="text"  value="輸入框" /> cccccccccccccccc <p>aaaaaaaaaaaa</p> <p>bbbbbbbbbbbbbbbb</p> <select id=""> <option>xxxxxxxxxxxxxx</option> </select> <iframe id="" src="http://www.baidu.com" width="100%" height="300"></iframe> <script type="text/javascript">  </script> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

(6)使用全透明的iframe生成蒙板。{可遮蓋select：自動(dòng)隱藏select}

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

(7)div+iframe遮蓋局部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"  xml:lang="zh-CN" lang="zh-CN">     <head>     <title></title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <style type="text/css">         *{margin:0px;padding:0px}     </style> </head> <body> <input type="text" id="inbox" style="height:20px;width:140px;line-height:20px;position:absolute;top:50px;left:50px" value="點(diǎn)擊我遮蓋下面的輸入框" onclick="pop()" onblur="undoPop()" /> <select id="" style="position:absolute;top:80px;left:50px"><option>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</option></select> <script type="text/javascript">  </script> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

上一頁(yè)1 23閱讀全文

您可能感興趣的文章: