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
Vous devez vous connecter pour publier un commentaire.
Essayez d'utiliser ce code css :
ou
essayer ce css:
espère que ça aide !