Image pleine page mais complete

Résolu/Fermé
tlehir-k Messages postés 135 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 29 janvier 2016 - 21 juin 2013 à 18:22
Stanislas Poisson Messages postés 424 Date d'inscription samedi 1 décembre 2012 Statut Membre Dernière intervention 22 mai 2018 - 22 juin 2013 à 13:00
Bonjour,
je cherche à mettre une image en pleine page sur une page de mon site j'utilise donc ceci:

html
{ 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


l'image s'affiche et change bien de taille sauf que j'aimerais qu'elle arrête de grossir pour ne pas sortir de la fenêtre quitte à ne pas remplir totalement la page.
en gros je veux qu'elle soit le plus gros possible en prenant l'espace dispo dans le fenetre mais sans en sortir.

MERCI :)

A voir également:

1 réponse

Stanislas Poisson Messages postés 424 Date d'inscription samedi 1 décembre 2012 Statut Membre Dernière intervention 22 mai 2018 66
22 juin 2013 à 13:00
Bonjour.
Deux possibilité:
- l'attribut contain qui vas garder les proportion de l'image quitte a mettre des barre de la couleur de fond.
- mettre 100% 100% pour garder l'image toujours a la dimension de ta fenêtre.
0