1. <script> 
  2. // 隐藏 select 
  3. function selecthidden(){ 
  4.  var  input_elements=document.getElementsByTagName("select"); 
  5.  var  theLength=input_elements.length; 
  6.  for(i=0;i<theLength;i++) 
  7.  { 
  8.   input_elements[i].style.visibility="hidden"
  9.   } 
  10. // 显示 select 
  11. function selectshow(){ 
  12.  var  input_elements=document.getElementsByTagName("select"); 
  13.  var  theLength=input_elements.length; 
  14.  for(i=0;i<theLength;i++) 
  15.  { 
  16.   input_elements[i].style.visibility=""
  17.   } 
  18. //  创建一个半透明的遮罩层 
  19. function createBlurDiv(){ 
  20. var objScreen = document.createElement("div"); 
  21. var oS = objScreen.style; 
  22.  objScreen.id = "ScreenOver"
  23.  oS.display = "block"
  24.  oS.top = oS.left = oS.margin = oS.padding = "0px"
  25.  if (document.body.clientHeight) 
  26.  { 
  27.   var wh = document.body.clientHeight + "px"
  28.  }else if (window.innerHeight){ 
  29.    var wh = window.innerHeight + "px"
  30.   }else
  31.    var wh = "100%"
  32.   } 
  33. oS.width = "100%"
  34. oS.height = wh; 
  35. oS.position = "absolute"
  36. oS.zIndex = "3"
  37. oS.background = "#cccccc"
  38. oS.filter = "alpha(opacity=40)"
  39. oS.opacity = 40/100; 
  40. oS.MozOpacity = 40/100; 
  41. document.body.appendChild(objScreen); 
  42. selecthidden(); 
  43.  
  44. //移除遮罩层 
  45. function removeBlurDiv(){ 
  46.  var ScreenOver = document.getElementById("ScreenOver"); 
  47.  document.body.removeChild(ScreenOver); 
  48.  selectshow(); 
  49.  
  50. // 在遮罩层上面出现一个div层 
  51. function divBlock(divname){ 
  52.  var oneDiv = document.getElementById(divname); 
  53.   oneDiv.style.display="block";  
  54.  } 
  55.   
  56. // 把指定的层消失掉 
  57. function divNone(divname){ 
  58.  var oneDiv = document.getElementById(divname); 
  59.  oneDiv.style.display="none"
  60.  } 
  61. // 出现 
  62. function  appear(divname){ 
  63.  createBlurDiv(); 
  64.  divBlock(divname); 
  65.  } 
  66. // 消失 
  67. function  disappear(divname){ 
  68.  divNone(divname); 
  69.  removeBlurDiv(); 
  70.  } 
  71. </script> 

 

虽说div直接盖不住select但是div可以盖iframe,而iframe可以盖select,所以,把一个iframe来当作div的底,这个div就可以盖住select了.

在弹出层里面加入iframe即可解决:


  1. <div id="overlay"> 
  2.     <iframe style="width:100%;height:100%;position:absolute;visibility:inherit;z-index:-1;" src="touming.html" frameborder="0"></iframe> 
  3. </div>