Не уверен, действительно ли это связано с таблицей, но у меня есть всплывающее окно, которое перекрывает элементы кнопки в следующей строке таблицы.
Я пытался:1) сделать мой z-index во всплывающем окне ul 200002) сделать так, чтобы перекрывающая кнопка имела относительное положение с z-индексом3) установка определенной относительной позиции и z-индекса в каждой из строк таблицы4) удаление всего позиционирования, кроме всплывающего5) чтобы у li был z-индекс больше, чем у кнопки ...6) и комбинация вышеперечисленногоМожет ли быть ошибка с таблицей, имеющей border-collapse: separate;?7) убрана таблица бордюр-коллапс: отдельно;8) убрана раскладка стола: исправлено;9) проверил, чтобы увидеть, используется ли какой-либо z-индекс или позиционирование на столе
Не могу понять эту маленькую проблему.У меня нет кнопок z-index или позиции на моих кнопках.Они display: inline-block; с некоторым запасом.Я не могу воспроизвести это в других местах на сайте.
CSS:
/* POPUPS */
.list-popup {/* this class is on the button */
position: relative;
z-index: 20;
}
.list-popup ul {
position: absolute;
width: 200px;
top: 30px;
right: 0;
display: none;
background: #FFFFFF;
opacity: 1;
z-index: 1000;
}
.list-popup ul li{
width: 200px;
list-style: none;
background-color: #FFFFFF;
text-align: left;
padding: 20px;
}
РЕДАКТИРОВАТЬ: Вот его скрипка работает - Измените z-индекс во всплывающем классе с 0 на 10, и вы увидите разницу.Как упоминалось выше, я не могу воспроизвести это в других местах приложения.Я проверил ссылки на другие классы, которые могут влиять на z-индекс и не могут найти ни одного.