Как подружить position + z-index с overflow?

Question

[Дмитрий]

Делаю карусель, у которой каждый элемент имеет всплывающую подсказку, но из-за того, что контейнер всех элементов имеет свойство overflow: hidden, всплывающую подсказку не видно, как решить такую задачу?

5 элемент имеет всплывающую подсказку...
codepen.io/dmitriy-n/pen/FcDHo

Comments

[Юрий Лобанов]

чего-то у меня в Вашем примере ничего не работает. Вы может про js забыли?
Покажите скриншот на крайний случай.

[Дмитрий]

нет, js нет, все там, все работает, 5 элемент имеет всплывающую подсказку, но ее как раз и не видно, из-за overflow

Answer 1

[Юрий Лобанов]

Если подсказка вылетает вниз или вверх, что логично, то воспользуйтесь

overflow-x:hidden;
overflow-y:visible;

Comments

[Дмитрий]

не работает, проверял

[Юрий Лобанов]

@KenAdams тогда давайте пример, должно работать.

[Дмитрий]

по ссылке на codepen работающий пример, но с моей проблемой

[Юрий Лобанов]

@KenAdams а ) щас посмотрю еще )

Answer 2

[Иван Беленков]

в голову приходит только js и хранение тултипов вне блока с overflow:hidden

Answer 3

[Андрей Гуртовой]

вот так:
jsbin.com/xeroro/1/edit?html,css,output -- в примере слой с оверфловом - жёлтый
т.е. повесь свойство position:relative выше чем overflow:hidden и толтип будет прикручиваться к нему и на его не будет влиять оверфлоу.