Thema: Animiertes Gif und Flexheader im Kopfbereich

Ich habe im Header-Modul-Bereich ein Bild postiert und in der Temp.-Index ein Div für ein animiertes Gif eingetragen, so dass dieses Gif immer über den Header-Bild angezeigt wird - es funktioniert auch.

Wenn ich nun Flexheader aktiviere, wird das Gif durch das wechselnde (neue) Bild verdeckt.

Hat jemand eine Lösung parat, wie ich im Headerbereich immer das Gif im Vordergrung halten kann, auch bei wechselnden Bildern durch Flexheader?
Oder wo ist mein Fehler?

...
<div class="art-header">

<jdoc:include type="modules" name="header-pos" />
<div class="art-header-jpeg"> </div>
<div class="animation-header-gif"> </div>

<jdoc:include type="module" name="flexheader3" />
</div>
...

Spendiere dem Flexheader ein eigenes DIV!

Hallo Tom, das war meine Vermutung, dennoch stehe ich dabei etwas auf den Schlauch.
Ist das der Ansatz - im die Modulposition "header-pos", wo auch art-header steht?
<div class="flexheader">
<jdoc:include type="module" name="flexheader3" />
</div>

Ich will noch einmal versuchen, hier eine mögliche Lösung zu erhalten.

Im Header ist nun ein div für ein Hintergrundbild und danach ein div für ein animiertes Gif gesetzt.
Dies funktioniert auch - das Gif liegt über dem Hintergrundbild und ist sichtbar.

<div class="art-header">
<jdoc:include type="modules" name="header-pos" />

<div class="flexheader3"> </div>
<div class="animation-header-gif"> </div>
</div>

Wenn ich nun das div-Hintergrundbild durch Flexheader ersetze funktioniert nun Felaxheader, aber das Gif liegt nun im Hintergrund (also unter dem Flexheaderbild).
Egal, wie die div-Reihenfolge gewählt wird, das Gif ist immer dahinter.

Gibt es eine Möglichkeit - evtl. mit CSS, das Gif in den Vordergrund zu bringen?

Dann musst Du die DIVs "absolut" setzen und per z-index übereinender legen.

Danke - der z-index wurde von mir übersehen und stand auf "-1"
Auf "1" gestellt und alles funktioniert.