Tube à OutilsTube Html PHP & Autres codes...

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 de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *