Jquery Datepicker彈出窗口隱藏

我使用聯繫人窗體7創建窗體。當用戶點擊日期字段時，彈出一個jQuery UI日期選擇器，但它在下面的字段下面是半隱藏的。（見下圖爲例）Jquery Datepicker彈出窗口隱藏

enter image description here

什麼我需要添加到使日期選擇在下面的字段中顯示完全可見的jQuery UI的CSS的？

這裏是我用於文本字段的CSS，讓我知道如果我需要包括任何其他的CSS。

#contact li .text{ 
    background: #F0EFEF; 
    padding:15px 10px 10px 0; 
    position:absolute; 
    z-index:100; 
    min-width:85px; 
    border-bottom-right-radius: 5px; 
    -moz-border-radius-bottomright:5px; 
    -webkit-border-bottom-right-radius:5px; 
    border-top-left-radius: 5px; 
    -moz-border-radius-topleft:5px; 
    -webkit-border-top-left-radius:5px; 
    text-indent: 5px; 
}

來源

2013-03-28 Mills

你說得對！我實際上在「ui-datepicker-div」中將z-index從1增加到了100，並且它很有用，謝謝。 – Mills

是的，特別是我編輯了element.style到z-index：100;在ui-datepicker-div – Mills

好的，我找到了答案。很高興我能幫上忙！ – VoidKing

jQuery用戶界面的CSS沒有對.ui-datepicker類指定z-index。添加z-index: 101或更高，以保持日期選擇器在最上面。

來源

2013-03-28 20:14:28 Mooseman

#contact li .text是否會干擾z-index？如果可以的話，儘量降低Z指數。 UI Datepicker使用它自己的CSS文件（因爲我相信你知道），並可能與此衝突。

嘗試添加z-index到UI日期選擇器高於100或更低的CSS索引。

元素應該是ui-datepicker-div

來源

2013-03-28 20:41:35 VoidKing

Jquery Datepicker彈出窗口隱藏

回答

相關問題