Ich möchte ein Bild als Hintergrund für meine Website haben, aber ich kann die Größe des Bildes nicht ändern. Gibt es eine Möglichkeit, die Größe des Bildes an meine Website anzupassen?So ändern Sie die Größe eines Bildhintergrunds
P.S. Dies ist der Code verwende ich mein Bild
body {
background-image: url('images/lvl1.jpg');
}
Sie es durch tun können, um anzuzeigen:
background-size: 100% 100%;
oder
background-size: contain;
Sie können die background-size Eigenschaft die Größe angeben Ihr Hintergrundbild.
Während dieser Link, um die Frage zu beantworten, ist es besser zu schließen die wesentlichen Teile der Antwort hier und bieten den Link als Referenz. Nur-Link-Antworten können ungültig werden, wenn sich die verknüpfte Seite ändert. - [Aus Bewertung] (/ review/low-quality-posts/11740298) –
@ Magicprog.fr Danke. Ich werde darüber nachdenken. –
Verwendung Hintergrund-size Eigenschaft:
body{
background: url("images/lvl1.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
}
Dies wird mit dem Hintergrund füllen helfen.
body {
background-image: url('images/lvl1.jpg');
-webkit-background-size: cover;
background-size: cover;
}
background-size: cover;
Der Hintergrund-size CSS-Eigenschaft verwenden gibt die Größe der Hintergrundbilder. Die Größe des Bildes kann vollständig oder nur teilweise eingeschränkt werden, um sein intrinsisches Verhältnis zu bewahren.
Here is the link for reference
html,
body {
position: relative;
height: 100%;
}
body {
background-image: url(https://www.planwallpaper.com/static/images/bicycle-1280x720.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
Versuch, gibt 'Hintergrund-size: cover' Eigenschaft zu' body' Tag –