Je travaille sur un projet avec une image de fond qui doit couvrir complètement la page entière. Je suis incapable d'utiliser la propriété "Contexte de la pièce jointe: Couverture" car cette page doit également être visible sur iOS, qui ne prend pas en charge la pièce jointe de l'arrière-plan.
p>
<body class="sky-background"> </body>
4 Réponses :
Vous pouvez essayer cela.
html {
height: 100%;
}
body.sky-background {
height: 100%;
}
Ceci est lié à la hauteur du document. Essayez corps {min-hauteur: 100vh;} ou meilleur html {100%}; . .
Utilisez cela, espérons-le, cela vous aidera.
p>
<!DOCTYPE html>
<html>
<head>
<style>
html {
height: 100%;
}
body {
background-image: url("https://images.unsplash.com/photo-1514477917009-389c76a86b68?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #cccccc;
}
</style>
</head>
<body>
<h1>The background-image Property</h1>
<p>Hello World!</p>
</body>
</html>L'ajout de la hauteur sur votre élément de corps fera le travail. Hauteur d'utilisation: 100vh; sur .sky-fond. J'espère que cela aidait
p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> </head> <body class="sky-background"> </body> </html>