Un background responsive en CSS

Le background responsive est un indispensable dans le tube à outils de chaque infographegg, integgrateur ou WeggMaster.

Il faut savoir que la méthode qui suit, ne fonctionne pas sur Internet Explorer 8 et les versions antérieurs…
Mais bon Explorer n’étant plus vraiment au sommet de sa gloire, est-ce vraiment si grave ??? 😉
Chez slamsOft CORP, nous avons pourtant aimé ce navigateur… Ah nostalgie…

 

Voici le code Css que vous allez devoir renseigner
votreDiv { 
  margin:0;
  padding:0;
  background: url(image/egg.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciennes versions Chrome et Safari */
  background-size: cover; /* version de base */
}

 

Il existe d’autres méthodes (avec JQUERY par exemple), mais le titre de l’article c’est « Un background responsive en CSS ».
Donc on s’arrête là.

La slamsOft CORP vous souhaite une bonne journée.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.