DIV遮盖层（实现UL控件的下拉按钮不可用）

<style type="text/css">
  #bg{display:none;position:absolute;width:30%;height:20px;background-color:white;
  z-index:1001; -moz-opacity:0.7;opacity:70;filter:alpha(opacity=70);}
</style>
<div id="bg"></div><!--放置在要被遮盖组件的代码上面-->
<span id="freePeriods">
  <ul>
  </ul>
</span>
function showDiv(){
  document.getElementById("bg").style.display="block";
}
function hideDiv(){
  document.getElementById("bg").style.display="none";
}


注：注意调整遮盖层的位置