Hintergrund Responsive

Da ich gerne mit Hintergrundbildern arbeite und grundsätzlich nur noch responsive Layouts verwende stand ich vor dem Problem diese einzubinden ohne unschöne Effekte wie Verzerrung, nicht Vormatfüllend und ... zu erhalten.

 

 

 

Die Lösung ist ganz einfach "background-size:cover;"

Zum Testen das Browserfenster verkleinern und hin und her schieben.

 

mobile_script einfügen:

Doppelklick auf die entsprechende Seite > Attribute > unten auf Attribute und den Haken bei (alle anzeigen setzen) > Standart > mobile_script > code einfügen > ok > ok

<style>

body {

background-image: url("http://www.zella.de/0ambiente/bilder/hg-hochzeit.jpg");

background-position:center;

background-attachment:fixed;

background-size:cover;

}

</style>

 

Texxxxxxxxxxxxxxxxxxxxxxtttttttttt

support
Dutch English French German