Как проигнорировать overflow:hidden родительского блока?

Question

[AnnaUniq]

dev.sholex.ru/carousel/carousel-horizontal.html
Имеется карусель (ссылка выше), необходимо, чтобы при наведении на картинку она выходила за пределы родительского блока имеющего св-во overflow:hidden, т.е полное игнорирование свойства
Увеличить padding, margin, создать доп обертку и т.д - не подходит
Читала на форумах, что такое можно реализовать только на js
Может кто-то сталкивался с таким, подскажите источники с реализацией

Comments

[Kovalsky]

Обойти эффект overflow нельзя, т.к. он является внешним по отношению к нужным элементам. Что касается JS: при наведении например создаёте элемент находящийся в одном с каруселью слое, позиционируете его так, чтобы он был сверху относительно нужного и анимируете как хотите. Примеров не смогу привести, к сожалению.

[AnnaUniq]

Никита Полевой: Благодарю за внимание!

[Дмитрий Локшин]

Тоже сталкивался с подобной проблемой, решал при помощи JS высчитывая положение, позиционируя элементы и т.д. и т.п. но потом понял, что это через чур трудоемко, поэтому решал добавлением padding, но получилось все равно довольно грамотно.

Answer 1

[Михаил Захаров]

Для родителя никак. Обычно внутрь родителя добавляют блок с содержимым и делают так:

<div>
<div>Блок с содержимым и overflow:hidden</div>
<div>Картинка, выходящая ща пределы родителя</div>
</div>