<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";
}
注:注意调整遮盖层的位置