Question

我的数据专家中有一个链接

<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>

直到现在它工作正常，但问题出现了我所显示的描述是10-15行，并且由于datalist中的其他记录，表格正在隐藏。我需要在每个HTML的顶部显示这个...有些弹出一些东西。

请帮忙

Answer 1

要在其他HTML内容上方显示您的表格，您应该使用z-index CSS属性。这样可以对内容进行某种分层。请查看http://w3schools.com/css/css_positioning.asp了解更多信息

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

1 个答案: