爲中繼控制器的每個項目添加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屬性。