Benutzer-Werkzeuge

Webseiten-Werkzeuge


css:images

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

css:images [2015/12/03 19:32] (aktuell)
Zeile 1: Zeile 1:
 +===== Vollformat-Hintergrundbilder =====
  
 +Das Hintergrundbild passt sich dem Viewport proportional an und füllt ihn aus. Der IE interpretiert dies ab Version 9 korrekt.
 +
 +<code css>
 +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%;
 +}
 +</​code>​
css/images.txt · Zuletzt geändert: 2015/12/03 19:32 (Externe Bearbeitung)