Question

我正在努力使用我的日历，因为它实际上占用了太多空间。

首先隐藏日历：

Visible="False"

然后当我点击按钮选择我显示它的日期时：

protected void btnCalendar_Click(object sender, ImageClickEventArgs e)
    {
        if (Calendar1.Visible)
        {
            Calendar1.Visible = false;
        }
        else
        {
            Calendar1.Visible = true;
        }
    }

问题是日历无论如何都占据了页面中的空间，如果它被隐藏了，当它打开时页面变得非常“尴尬”。

我希望日历显示在页面上的其他项目之上，只是在“上层”，这样就不会从页面中间拆分页眉。

有没有办法用html或css做到这一点？我试图将日历放入div中，但后来我找不到任何有用的东西

Answer 1

2个选项......并且可见不是其中之一。

您可以使用

display: none;

如上所述，在你的CSS中

。设置显示无不显示元素，甚至不在页面上为它腾出空间。

更好的选择（如在美学上令人愉悦）将是使用位置，不透明度，z-index和指针事件。这需要花费更多时间，但是您可以选择将元素转换到位。

#Calendar1.show {
position: absolute;
z-index: 1000;
opacity: 1;
pointer-events: auto;
transition: opacity 0.5s ease;
}

#Calendar1.hide {
opacity: 0;
pointer-events: none;
}

然后只需更改类以显示或隐藏元素...

丹尼

Answer 2

使用'display：none'，'visibility：hidden'隐藏元素但会发生 Take a look at this link

在其他元素之上显示日历

2 个答案: