+ Antworten
Ergebnis 1 bis 6 von 6

Thema: Animiertes Gif und Flexheader im Kopfbereich

  1. #1
    Kommt häufiger vorbei Avatar von jemue
    Registriert seit
    23.03.2009
    Ort
    Leipzig
    Beiträge
    310
    Bedankte sich
    23
    Erhielt 28 Danksagungen
    in 25 Beiträgen

    Standard 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>
    ...
    Geändert von jemue (19.10.2010 um 17:17 Uhr)
    Lieben Gruß jemue
    ________________________________________________

  2. #2
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

    Spendiere dem Flexheader ein eigenes DIV!

  3. #3
    Kommt häufiger vorbei Avatar von jemue
    Registriert seit
    23.03.2009
    Ort
    Leipzig
    Beiträge
    310
    Bedankte sich
    23
    Erhielt 28 Danksagungen
    in 25 Beiträgen

    Standard

    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>
    Lieben Gruß jemue
    ________________________________________________

  4. #4
    Kommt häufiger vorbei Avatar von jemue
    Registriert seit
    23.03.2009
    Ort
    Leipzig
    Beiträge
    310
    Bedankte sich
    23
    Erhielt 28 Danksagungen
    in 25 Beiträgen

    Standard

    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?
    Lieben Gruß jemue
    ________________________________________________

  5. #5
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

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

  6. Erhielt Danksagungen von:


  7. #6
    Kommt häufiger vorbei Avatar von jemue
    Registriert seit
    23.03.2009
    Ort
    Leipzig
    Beiträge
    310
    Bedankte sich
    23
    Erhielt 28 Danksagungen
    in 25 Beiträgen

    Standard

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

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein