为中继控制器的每个项目添加div覆盖

Question

我已经使用绝对定位向我的中继控制添加了div覆盖。可以预见的是，这只是把所有的div都放在同一个地方。有什么方法可以将此覆盖图放在我的转发器的每一行上？

<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>，然后在<tr>上设置position: relative。相对位置的添加会告诉绝对定位的<div>相对于<tr>的位置。您可能需要调整<div>的top和left CSS属性。