HTML / CSS : Une image de fond centrée

Plus ça va et plus j'utilise de transparence dans mes interfaces HTML.

Ceci a pour énorme avantage de ne par charger d'images le code et d'alléger au maximum la page tout en laissant l'utilisateur personnaliser son expérience à l'aide d'une image de fond.

Le CSS fourni des options idéales pour l'affichage optimisé des images de fond :
background:#555 url(monfichier.jpg) no-repeat center center fixed; 
background-size: cover;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 

Bien évidement ça marche aussi sur les DIV

Commentaires

Posts les plus consultés de ce blog

Vidange - Laguna III Coupé 2.0 DCI 150

RFID RC522 on Raspberry PI with NodeJS