HTML - 覆盖不覆盖整个窗口

Question

覆盖不覆盖整个窗口，而只覆盖窗口的一部分here

以下是使用的代码：

#table { 
                  z-index:2000; 
                  position:absolute; 

                  bottom:0; 
                  left:0; 

                  width:100%;
                  height: 100%; 
                  background:#000; 
                  opacity:0.45; 
                  -moz-opacity:0.45; 
                  filter:alpha(opacity=45); 
                  visibility:hidden; 
                } 


  <div id="table"  style=" height: 300px;display:none;"></div>

当调用onSelect（）函数时，执行以下代码：

        function onSelect(){
                document.getElementById('table').style.display = "block";
                var o = document.getElementById('table'); 
                o.style.visibility = 'visible';
        } 

如果我点击那个叠加div，我应该再次隐藏叠加层。知道怎么样？

Answer 1

回答你的第一个问题，

将z-index值设置在#table之下，直到覆盖范围为止。