Можно ли исключить блок из overflow hidden ?

Question

[nepster-web]

Собственно есть примерно вот аткой код:
jsfiddle.net/q72bs1tp

На практике, это блок в котором рассположены картинки, при наведении на картинку появляется подсказка.

Проблема состоит в том, что мне нужен блок overflow: hidden и при этом, чтобы один дочерний блок мог выходить за равки родительского (у которого стиль overflow hidden).

Можно ли это как-то красиво кроссбраузерно (умеренно, под новые браузеры) организовать ?

Answer 1

[Алексей Lepshiz]

Можно вынести элемент из потока абсолютным позиционированием jsfiddle.net/q72bs1tp/1

Т.е. если внутри элемента с overflow:hidden находится абсолютно позиционированный дочерний элемент, а родитель имеет static позиционирование, то дочерний элемент будет спозиционирован относительно ближайшего в иерархии элемента со свойством position отличным от static и не будет обрезан родителем с overflow:hidden. Тут есть ряд нюансов, но пример кроссбраузерный.

зы: как-то так можно оставить и позиционирование и overflow jsfiddle.net/q72bs1tp/2

Answer 2

[Евгений Петров]

Позволить показывать элемент за пределами предка с overflow:hidden невозможно.
А раз селекторы не работают вверх по дереву (пока), то только показывать/скрывать элемент за пределами такого предка. Управляется, конечно, скриптом.

Comments

[nepster-web]

эх. Жалко.

[Михаил]

position:absolute. И будет виден