Les arrière-plans multiples et adaptables
Le CSS3 permettant la gestion de plusieurs images d’arrière-plan, il suffit de définir toutes les images à utiliser avec la propriété background-image, préciser si elles doivent se répéter et fixer leurs positions respectives.
La propriété CSS background-size spécifie la taille de l'image dans l'arrière plan, les valeurs possibles sont : Dimensions : par exemple "px" ou "%" : précise la hauteur ou la largeur de l'image.
- "cover" : forcera à couvrir toute la surface sans déformer l'image (quitte à la rogner).
- "contain" : forcera l'image à ne pas dépasser de l'élément sans la déformer.
Exemples de sites exploitant cette technique pour le design de leur site :
- http://www.simon-k.com/comet/
- http://www.pizzaza.ca/
Plus d'infos :
- http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html