У меня есть тег <section>, содержащий два основных элемента div. Верхний элемент div охватывает input, которому назначен виджет автозаполнения jQuery. Тем не менее, список автозаполнения отображается под нижним div, что делает его бесполезным.
Я уже пытался установить z-index для ввода и для div на значение, которое сделает его видимым, применяя аннотацию !important, но, похоже, ничего не работает. Что может быть причиной?
Это действительно проблема с z-index? Обратите внимание, что нижний элемент div содержит виджет с анимацией (раскрывающееся меню), если он имеет какое-либо отношение к проблеме.
Вот решения, которые я попробовал:
Вот код, который используется для его исправления, но безрезультатно:
//top div
.tag-filtering-input{
z-index: 4000 !important;
}
//bottom div
.categories-container{
z-index: 3000;
}