如何使我的asp日历弹出？

Question

我在asp.net中有一个日历，当用户单击文本框时显示该日历。 但是，我不确定如何在不推送以下所有内容的情况下显示日历。 我需要一种使日历弹出面板的方法。

到目前为止，这就是我所拥有的。 我只是使用一个表格将日历直接定位在文本框下方，但这改变了表格下方项目的布局。

<asp:Table runat="server">
    <asp:TableRow>
        <asp:TableCell>
            <asp:TextBox ID="TextBox1" runat="server" OnClick="showCal('Calendar1')"></asp:TextBox>
        </asp:TableCell>       
    </asp:TableRow>
     <asp:TableRow>
        <asp:TableCell>
            <asp:Calendar ID="Calendar1" runat="server" style="display: none;"></asp:Calendar>
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

请注意，我的日历设置为显示：无。 当有人单击文本框时，将触发我的onclick js函数。

我试图更改第二个表行的z-index，希望当显示日历时，页面的其余部分不会被更改，但是那是行不通的。

Answer 1

我可以通过将以下CSS应用于日历来解决此问题：

calendarClass{
    background: white; 
    position: absolute;
}

以某种方式添加白色背景（或您想要的任何一种颜色）都会使透明度远离日历，因此看起来并不奇怪。 然后，绝对位置使日历显示在表格顶部。