CalendarExtender透明背景 [英] CalendarExtender transparent backgound

问题描述

我有一个文本框，我已经为其添加了日历扩展程序。它工作正常，但是当日期文本框下面还有一个文本框和

时，当日历出现时，它会显示在第二个字段后面。有没有解决方案？

I have a textbox for which I have added a calendar extender. It works fine, but when there is one more textbox below the date textbox and
then when the calendar appears, it shows up behind the second field. Is there a solution for this?

推荐答案

这对我有帮助。更少的代码和工作！

asp.net ajax中的CalendarExtender日式css [ ^ ]

This helped me. Much less code and works!
CalendarExtender day style css in asp.net ajax[^]

尝试将弹出窗口的z-Index设置为最大数量，比如说9999999

Try setting the z-Index of the popup to maximum number, say 9999999

您可以为日历添加样式。



样式代码：

You can add style to the calender.

Style code:

<style type="text/css">
        .cal_Theme1 .ajax__calendar_container
        {
            background-color: #e2e2e2;
            border: solid 1px #cccccc;
        }
        .cal_Theme1 .ajax__calendar_header
        {
            background-color: #ffffff;
            margin-bottom: 4px;
        }
        .cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
        {
            color: #004080;
            padding-top: 3px;
        }
        .cal_Theme1 .ajax__calendar_body
        {
            background-color: #e9e9e9;
            border: solid 1px #cccccc;
        }
        .cal_Theme1 .ajax__calendar_dayname
        {
            text-align: center;
            font-weight: bold;
            margin-bottom: 4px;
            margin-top: 2px;
        }
        .cal_Theme1 .ajax__calendar_day
        {
            text-align: center;
        }
        .cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
        {
            color: #004080;
            font-weight: bold;
            background-color: #ffffff;
        }
        .cal_Theme1 .ajax__calendar_today
        {
            font-weight: bold;
        }
        .cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
        {
            color: #bbbbbb;
        }
  </style>

然后在日历控制中调用此样式：

例如。

and then on calender control call this style:
eg.

Calext_css="cal_Theme1" Caltxt_css="text"

这篇关于CalendarExtender透明背景的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！