如何將控件設置爲始終最高

截圖中有兩個div。在日曆裏面的日曆。但第二個div包含日曆頂部的控件。還有兩個css文件。一個是bootstrap v3 css文件，另一個附在這裏。我使用一個控制從日曆這個挑日期是在控制的腳本經理：如何將控件設置爲始終最高

<pdc:PersianDateScriptManager ID="PersianDateScriptManager" runat="server" CalendarCSS="PickerCalendarCSS" 
     CalendarDayWidth="50" FooterCSS="PickerFooterCSS" ForbidenCSS="PickerForbidenCSS" 
     ForbidenDates="" ForbidenWeekDays="" FrameCSS="PickerCSS" 
     HeaderCSS="PickerHeaderCSS" SelectedCSS="PickerSelectedCSS" WeekDayCSS="PickerWeekDayCSS" 
     WorkDayCSS="PickerWorkDayCSS"> 
</pdc:PersianDateScriptManager>

，這是控制的驗證：

<pdc:PersianDateValidator ForeColor="Red" ID="PersianDateValidator3" runat="server" ControlToValidate="FinishDateTextBox" Display="Dynamic" ErrorMessage="Invalid Date" Text="*"></pdc:PersianDateValidator>

，這是迄今爲止的領域：

<pdc:PersianDateTextBox CssClass="form-control text-left input-sm" Width="160" ID="FinishDateTextBox" runat="server" DefaultDate="1392/01/01" IconUrl="~/Images/Design/Calendar.gif" SetDefaultDateOnEvent="OnDoubleClick"></pdc:PersianDateTextBox>

問題是日曆會落後於其他控件。我拍了一張截圖，以便看到。

終於在這裏是控制的CSS文件。

.PickerCSS 
{ 
    background-color: #ffffff; 
    border-right: #000000 2px solid; 
    border-top: #000000 2px solid; 
    border-left: #000000 2px solid; 
    border-bottom: #000000 2px solid; 
} 
.PickerHeaderCSS 
{ 
    background-color: lightgrey; 
    height: 30px; 
} 
.PickerFooterCSS 
{ 
    background-color: lightgrey; 
} 
.PickerWeekDayCSS 
{ 
    background-color: lightgrey; 
    text-align: center; 
    font-size: 8pt; 
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid; 
    height: 19px; 
} 
.PickerCalendarCSS 
{ 
    background-color: #e8f4ff; 
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid; 
    height: 19px; 
} 
.PickerWorkDayCSS 
{ 
    background-color: #ffffff; 
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid; 
} 
A.PickerWorkDayCSS 
{ 
    color: black; 
    text-decoration: none; 
    border: none; 
} 
.PickerForbidenCSS 
{ 
    background-color: #e8f4ff; 
    color: Red; 
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid; 
    font-weight: bold; 
} 
.PickerSelectedCSS 
{ 
    background-color: #e4e8ff; 
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid; 
} 
A.PickerSelectedCSS 
{ 
    font-weight: bold; 
    color: #0066ff; 
    text-decoration: underline; 
    border: none; 
}

enter image description here 非常感謝你。

來源

2014-01-15 Mahdi Hesari

可以使用zIndex屬性在CSS來決定哪些控制重疊等。具有較低Z指數的控件出現在ZINEX較高的控件後面。 –

做其他瀏覽器也呈現這樣的文件？ –

z-index不起作用。我測試過。在所有瀏覽器中都一樣。我正在使用引導V3 –

使用的z-index。假設.pickerCalendarCSS類是你想在上面的一個，改成這樣：

.PickerCalendarCSS 
{ 
    background-color: #e8f4ff; 
    border-right: black 1px solid; 
    border-top: black 1px solid; 
    border-left: black 1px solid; 
    border-bottom: black 1px solid; 
    height: 19px; 
    z-index:10; 
}

的z指數是相對的，如果它的價值並不重要是10或10000，正是值其他元素是相關的。

來源

2014-01-15 10:30:46 deimosaffair

我測試了這個，但它不工作。甚至z-index = 100000; 我正在使用引導V3。 –

截圖中有兩個div。在日曆裏面的日曆。但第二個div包含日曆頂部的控件。 –

如何將控件設置爲始終最高

回答

相關問題