Comment définir l'image de fond en plein écran

Je veux mettre une Image de fond dans ma page html.

J'ai donc ce code:

body{
   background: url("background_image.jpg") no-repeat scroll center center / 100% auto;
}

C'est ma page HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <link type="text/css" rel="stylesheet"  href="css/style.css" />
</head>
<body>



</body>
</html>

Donc, avec ce code, l'arrière-plan de l'image ne remplit pas l'écran.

Je veux afficher l'image en pleine largeur et la hauteur

  • Veuillez prendre plus de soin de votre langue. Il est assez difficile à comprendre. J'ai essayé de résoudre le problème pour vous, veuillez vérifier si j'ai interprété votre question correctement.
  • Est-ce que vous voulez ? jsfiddle.net/r3g3ucem
  • oui, c'est ça. Désolé pour mon anglais
  • Vous pouvez utiliser les media queries ainsi.
  • En plus des réponses, cochez developer.mozilla.org/es/docs/Web/CSS/background-size
InformationsquelleAutor bircastri | 2015-06-22