Отображение таблицы как всплывающее окно / вверху HTML

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 строк, и таблица скрывается из-за других записей в списке данных.Мне нужно показать это в верхней части каждого HTML-кода. Некоторые всплывающие сообщения.

Пожалуйста, помогите

Answer 1

Чтобы отобразить таблицу над другим содержимым HTML, вы должны использовать атрибут z-index CSS.Это позволяет использовать некоторые виды вашего контента.Взгляните на http://w3schools.com/css/css_positioning.asp для получения дополнительной информации