Я пытаюсь создать веб-страницу, используя jQuery ui lib. Мой дизайн использует автозаполнение пользовательского интерфейса jQuery в поле ввода в верхней части формы. Непосредственно под этой формой автозаполнения есть несколько ползунков jQuery. Проблема заключается в том, что при заполнении поля автозаполнения результаты отображаются за ручкой ползунка. Это происходит из-за способа, которым jQuery строит ползунки, из-за чего их части имеют z-индекс 3. По-видимому, z-индекс выпадающей части элемента управления автозаполнением jquery всегда равен 1. Я попытался увеличить z -index входного элемента, который автоматически завершается, но это, кажется, не влияет на z-индекс элемента, который jquery создает для выпадающего меню автозаполнения. Я также попытался написать свой собственный javascript, чтобы получить элемент выпадающего меню по классам (это ul) и вручную установить его z-index. Кажется, это тоже не работает. Я предполагаю, что это означает, что каким-то образом код jQuery перезаписывает изменение z-index, которое я делаю. Это не ошибка браузера, поскольку это проблема в Firefox, Chrome, Safari и IE. Это проблема с фактическим z-индексом, который jQuery выдает в выпадающем списке (элемент UL).

У кого-нибудь есть решение этой проблемы? Как обычно работать с элементами, которые jQuery автоматически генерирует для создания своих элементов управления.