Hintergrundbild fixieren

  • Hallo,

    mich würde mal interessieren, ob ein eine Möglichkeit gibt ein gewähltes Hintergrundbild zu fixieren.

    Wenn Inhalte einer Seite länger sind, kann es passieren, dass das Hindergundbild endet oder wieder neu anfängt.
    Das sieht natürlich irgendwie unschön aus.

    Gibt es auch eine Möglichkeit das Hintergrundbild zu fixieren und den Inhalt scrollen zu lassen?

    Danke
    Uli

  • Hallo,

    das Layout Portfolio Responsive bietet diese Funktionsweise und im nächsten 12er Layout wird es ein weiteres Layout mit solchen Eigenschaften geben (Poster Responsive).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    in CSS ist dies mit background-size: cover; möglich. Das wird aber m.E. noch nicht 100%ig in allen wichtigen Browsern unterstützt. Wir prüfen das aber für künftige Updates.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo ust

    Da gibt es eine einfache Möglichkeit. Füge in den Attributen unter mobile_script folgendes ein:

    <style>
    body {

    background-image: url(../_media/stock-images/old-brick-wall.jpg);
    background-attachment:fixed;
    background-repeat: repeat;

    }
    </style>


    Es geht natürlich nur da, wo auch ein Hintergrundbild im Layout vorhanden ist, wie bei "Outdoor".
    Die Zeile background-image: musst du natürlich mit deinem Bild anpassen. Gehe aber zunächst
    in den ZP Editor und wähle das Hintergrundbild aus, so wird es auch dann in das Verzeichniss kopiert
    und ist somit vorhanden.

    Läuft mit IE,Chrome und Firefox

    Gruss swork




    Zeta Producer Version: v12.5.6 Business

  • Hallo,

    beim Clean-Style-Layout funktioniert das, beim Travel-Layout nicht.

    Gibt es da einen besonderen Trick?

    Grüße

    Lucretia

  • Hallo Lucretia

    Beim Travel Layout setzt du folgendes ein:

    <style>
    #bodybox {
    background-attachment:fixed;
    }
    </style>

    ---------------------------------------------------------------------------------------------

    Das weiter oben beschriebene script kann übrigens auch so geschrieben werden:

    <style>
    body {
    background-attachment:fixed;
    }
    </style>

    Die Angabe des Bildes ist nicht mehr erforderlich.


    Gruss swork




    Zeta Producer Version: v12.5.6 Business

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!