CSS: Größe von Hintergrund-Bildern
![](https://scripte.matthias-edler-golla.de/content/3-wise18/1-webdesign/3-semantic-web/33-css-groesse-von-hintergrund-bildern/P1010613_spatzen.jpg)
Hat man (große) Hintergrundbilder, kann man entscheiden, ob diese in Originalgröße, skaliert oder sogar verzerrt dargestellt werden
CSS
div {
background-image:url(p/spatzen.gif);
background-repeat: no-repeat;
/* Mitte des Bildes in Mitte des Divs */
background-position: 50% 50%;
/* füllt die zur Verfügung stehende Fläche komplett aus */
background-size: cover;
}
Demo
Schaut Euch dazu die Demo an!