为什么我的CalendarExtender在渲染时会重叠？

我正在研究.NET Web应用程序,我在其中使用CalendarExtender控件让用户指定日期.出于某种原因,当我单击图标以显示日历时,背景似乎是透明的.

我正在其他页面上使用扩展程序,并且不会遇到此问题.

我不确定它是否值得一提,但是日历嵌套在一个附有圆角扩展器的面板上,以及它下面的面板("From"重叠的地方).

在该面板中,我有一个div布局设置来创建两列.

编辑:这里要注意的另一件事是,具有昵称的名称和"占位符"的部分都是ASP.NET标签控件,如果这很重要.

所以更多的讨论,我想出了问题.部分问题源于我设置为创建两个单独列的div布局使用position:relative和float:right/left属性.

根据我的阅读,一旦开始增加div标签的position属性,它就会影响渲染的z-index,只有当日历控件动态"弹出"时才会变得复杂.

遗憾的是,CalendarExtender没有Z​​-Index属性,除非您想为日历编写整个样式,我不想这样做.但是,您可以通过将以下内容添加到CSS文件来扩展默认样式:

.ajax__calendar_container { z-index : 1000 ; }

如果您没有使用CSS文件,也可以将其添加到页面的head部分:

那应该是诀窍.它对我有用.

如果由于某种原因这不起作用(并且有些人仍然报告问题),更多"积极"的方法是将输入字段和CalendarExtender包装在DIV标记中,然后将以下内容添加到CSS文件/ HEAD部分:

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}

......希望这对你有用.