gpt4 book ai didi

asp.net-ajax - 为什么我的 CalendarExtender 在渲染时会重叠?

转载 作者:行者123 更新时间:2023-12-02 10:01:22 33 4
gpt4 key购买 nike

我正在开发一个 .NET Web 应用程序,并在其中使用 CalendarExtender 控件来让用户指定日期。由于某种原因,当我单击图标显示日历时,背景似乎是透明的。

我在其他页面上使用扩展器,没有遇到此问题。

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

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

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

最佳答案

经过一番摸索,我发现了这个问题。部分问题是由于我设置的用于创建两个单独列的 div 布局使用了position:relative 和 float:right/left 属性。

据我所知,一旦开始增加 div 标签的位置属性,它就会影响渲染的 z-index,只有当日历控件动态“弹出”时,情况才会变得复杂。

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

.ajax__calendar_container { z-index : 1000 ; }

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

<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;
}

...希望这对您有用。

关于asp.net-ajax - 为什么我的 CalendarExtender 在渲染时会重叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/302244/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com