解決[Ajax]CalendarExtender彈出時被GridView或其它物件遮擋的問題

2010-04-14_223340


上圖的CalendarExtender日曆控制項彈出時被下方的GridView Header 的Div Css擋住了。我們必須使CalendarExtender能永遠顯示在畫面最頂端,
正常的情況應該如下圖:

2010-04-14_223408


解決方法:
我們將寫一個Css並將其指定給CalendarExtender:

<ajaxtoolkit:calendarextender ID="CalendarExtender" runat="server"
 TargetControlID="Date" PopupButtonID="Calendar_Image" 
Format="yyyy/MM/dd" FirstDayOfWeek="Monday" CssClass="cssCalendar">


CalendarExtender CSS內容中將月曆控制項指定z-index屬性。z-index是用來指定圖層的層數,例如z-index:1為最底層,z-index:2為第2層以此類推。
最重要的是需將此CSS 的z-index屬性寫在.ajax__calendar_container
代表將整個CalendarExtender 容器的層數設為最頂層(除非你自己故意將其它Div設到1001層否則CalendarExtender 會在最頂層)

如:


.cssCalendar .ajax__calendar_container
{
    z-index:1000;
}

0 意見:

張貼意見