Javascript 将表格显示为弹出/位于HTML顶部

我的数据列表中有一个链接

<a href="#" onclick="showHideDesc(this); return false;"  class="prod_details">details</a>
             <table style="display: none; background-color:AntiqueWhite; border-color:Black;
                     direction:rtl;" class="MyTable">
                  <tr>    
                     <td>
                       <asp:Label ID="lblShowHide" runat="server" 
                        Text='<%#DataBinder.Eval(Container.DataItem,"Description")%>'></asp:Label>
                     </td> 
                  </tr>   
             </table>  

单击链接后，我将通过以下功能显示与链接相关的关联表：

    <script type="text/javascript" language="javascript">
  function showHideDesc(link)
   {
     var table = link.parentNode.getElementsByTagName("TABLE")[0];
       if (table.style.display == "none")
         {
           table.style.display = "";
           link.innerHTML = "details";
         }     
       else 
         {         
           table.style.display = "none";         
           link.innerHTML = "details";     
         } 
   }

 </script>

函数showHideDisc（链接）
{
var table=link.parentNode.getElementsByTagName（“表”）[0]；
如果（table.style.display==“无”）
{
table.style.display=“”；
link.innerHTML=“详细信息”；
}     
其他的
{         
table.style.display=“无”；
link.innerHTML=“详细信息”；
} 
}

到目前为止，它工作正常，但问题是，我显示的描述有10-15行，并且由于数据列表中的其他记录，表被隐藏。我需要在每个HTML的顶部显示这个。。一些弹出式的东西

---

请帮助

要在其他HTML内容上方显示您的表格，您应该使用

z-index

CSS属性。这可以实现内容的某种分层。

---

查看更多信息

要在其他HTML内容上方显示表格，应使用

z-index

CSS属性。这可以实现内容的某种分层。

---

查看更多信息

我使用了left:0px；顶部：0px；z指数：-1，但没有运气！！我在这里做错了什么吗？z-index定义了层的级别-例如，z-index:0是底层，z-index:1是更高一级。所以试着把z-index从-1改为1。此外，使用z索引要求您的表是位置（绝对/固定/相对），但我不是这方面的专家。这是通过将位置设置为相对来完成的！谢谢…：-）对我来说，你是这方面的专家。我使用了left:0px；顶部：0px；z指数：-1，但没有运气！！我在这里做错了什么吗？z-index定义了层的级别-例如，z-index:0是底层，z-index:1是更高一级。所以试着把z-index从-1改为1。此外，使用z索引要求您的表是位置（绝对/固定/相对），但我不是这方面的专家。这是通过将位置设置为相对来完成的！谢谢…：-）对我来说，你是这方面的专家。