所以再四处摸索,我发现了这个问题。部分问题源于我设置的用于创建两个单独列的 div 布局使用 position:relative 和 float:right/left 属性。
根据我的阅读,一旦您开始增加 div 标签的位置属性,它就会影响渲染的 z-index,只有当日历控件动态“弹出”时才会变得复杂。
不幸的是,CalendarExtender 没有 Z-Index 属性,除非您想为日历编写完整的样式,而我不想这样做。但是,您可以通过将以下内容添加到 CSS 文件来扩展默认样式:
.ajax__calendar_container { z-index : 1000 ; }
如果您不使用 CSS 文件,您也可以将其添加到页面的 head 部分:
<style type="text/css">
.ajax__calendar_container { z-index : 1000 ; }
</style>
这应该可以解决问题。它对我有用。
如果由于某种原因这不起作用(并且有些人仍然报告问题),更“激进”的方法是将输入字段和 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;
}
...希望这对你有用。