Jak przełamać overflow:hidden?

[Marek]

Witam,

Jest sobie animacja (przesuwanie) obrazków wewnątrz prostokąta z
oveflow:hidden. Sytuację obrazowo przedstawiam poniżej. Element
"animation" jest przy pomocy JS przesuwany w lewo i prawo i ma ginąć
poza obrysem rodzica.

<div id="container" style="overflow:hidden; width:500px>
<div id="animation" style="width:2000px">
<figure><div class="infobox">chmurka</div></figure>
<figure><div class="infobox">chmurka</div></figure>
<figure><div class="infobox">chmurka</div></figure>
...

Animowany element składa się z szeregu obrazków i infochmurek
przypisanych do nich. Chciałbym aby po najechaniu myszką na jeden z
obrazków pojawiła się infochmurka z opisem tego obrazka, która będzie
się przesuwała wraz z nim i ma wykraczać poza obrys "container".
Dokładnie tak ma się to dziać jak gdybym do każdego <figure> dopisał
atrybut title="". Wtedy systemowa chmurka nie będzie przycinana przez
"container". Czy jest jakiś styl:

.infobox (
olej-overflow-hidden-rodzica: yes;
}

lub inna sztuczka?

--
Pozdrawiam
Marek

[Paweł Piskorz]

W dniu 2013-05-16 10:28, Marek pisze:

Niestety będziesz musiał .infobox wyjmować poza #container i tam go
pozycjonować.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

[Marek]

W dniu 2013-05-16 12:09, Paweł Piskorz pisze:

>
> Niestety będziesz musiał .infobox wyjmować poza #container i tam go
> pozycjonować.

Czyli każdą infochmurkę muszę wyciągnąć oraz niezależnie animować tak
aby podążała za przesuwającym się obiektem, którego dotyczy?


--
Pozdrawiam
Marek

[Paweł Piskorz]

W dniu 2013-05-16 14:08, Marek pisze:

Dokładnie tak.