Benutzer-Werkzeuge

Webseiten-Werkzeuge


css:images

Vollformat-Hintergrundbilder

Das Hintergrundbild passt sich dem Viewport proportional an und füllt ihn aus. Der IE interpretiert dies ab Version 9 korrekt.

html {
  background: url(background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* wird für Smartphones benötigt: */
  min-height: 100%;
}
css/images.txt · Zuletzt geändert: 2015/12/03 19:32 (Externe Bearbeitung)