Добавление оверлей div к каждому элементу элемента управления ретранслятора

Question

Я добавил оверлей div в мой ретранслятор, используя абсолютное позиционирование. По слухам, это просто отображает все divs в одном и том же месте. Есть ли способ, которым я могу наложить этот оверлей на каждую строку моего ретранслятора?

<table style="border-style:None;width:350px;border-collapse:collapse;"> 
<tr> 
    <td> 
     <b>ID</b> 
    </td> 
    <td> 
     <b>User Name</b> 
    </td> 
    <td> 
     <b>Role</b> 
    </td> 
    <td> 
     <b>Last Logged On</b> 
    </td> 
</tr> 

<asp:Repeater ID="rptUsers" runat="server" 
    onitemdatabound="rptUsers_ItemDataBound"> 
    <ItemTemplate> 
    <div style="position:absolute; top:57px; width:350px; height:16px;" /> 
    <tr> 
     <td> 
      <asp:Label id="lblUserID" runat="server" Text='<% # Eval("ID") %>'></asp:Label> 
     </td> 
     <td> 
      <asp:Label id="lblUserName" runat="server" Text='<% # Eval("UserName") %>' ></asp:Label> 
     </td> 
     <td> 
      <asp:Label ID="lblUserRole" runat="server" Text='<% # Eval("UserRole") %>' ></asp:Label> 
     </td> 
     <td> 
      <asp:Label ID="lblUserLastLoggedOn" runat="server" Text='<% # ((DateTime)Eval("LastLogin") != DateTime.MinValue) ? Eval("LastLogin") : "Never" %>' ></asp:Label> 
     </td> 

    </tr>  
    </ItemTemplate> 
</asp:Repeater> 
</table> 

Answer 1

Вы не должны иметь <div> как ребенок из <table>. Вы можете попробовать переместить <div> в первый <td>, а затем установить position: relative на <tr>. При добавлении относительного положения будет установлено абсолютно положение <div>, чтобы позиционировать себя относительно <tr>. Скорее всего, вам нужно будет настроить свойства CSS top и left для <div>.