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>定位自己。您可能需要调整top的{{1}}和left CSS属性。

为转发器控件的每个项添加div覆盖

1 个答案: