JQuery Datepicker Popover скрыт

Я создаю форму, используя контактную форму 7. Когда пользователь нажимает поле даты, появляется датапикер jQuery UI, но он скрыт под полями ниже. (Смотрите рисунок ниже как пример)JQuery Datepicker Popover скрыт

enter image description here

Что мне нужно добавить в CSS, что делает Jquery UI DatePicker появляется полностью видимым на поля внизу?

Вот 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

Вы были правы! Я действительно увеличил z-индекс от 1 до 100 в «ui-datepicker-div», и он работает, спасибо. – Mills

Да, специально я отредактировал element.style до z-index: 100; в ui-datepicker-div – Mills

Хорошо, я получил ответ. Рад, что смог помочь! – VoidKing

JQuery UI не имеет никакого z-index указанный для .ui-datepicker класса. Добавьте z-index: 101 или выше, чтобы сохранить выбор даты сверху.

источник

2013-03-28 20:14:28 Mooseman

Является ли z-индекс #contact li .text мешающим? Попробуйте снизить этот z-индекс, если сможете. UI Datepicker использует свои собственные файлы CSS (как я уверен, вы знаете) и может противоречить этому.

Попробуйте добавить индекс z к пользовательскому идентификатору пользователя выше 100 или ниже z-index в вашем CSS.

Элемент должен быть ui-datepicker-div

источник

2013-03-28 20:41:35 VoidKing

JQuery Datepicker Popover скрыт

ответ

Смежные вопросы