c# - 如何使我的 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;
}

以某种方式添加白色背景(或您喜欢的任何颜色)可以消除日历的透明度，使其看起来不会很奇怪。然后，绝对位置使日历显示在表格的顶部。