Добавление наложения 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>, а затем установить position: relative на <tr>. Добавление относительного положения скажет абсолютно позиционированному <div> позиционировать себя относительно <tr>. Скорее всего, вам нужно настроить CSS-свойства top и left <div>.