CSS - background-image

0

Cześć, mam problem z pozycjonowaniem background-image, mam dosyć spory obrazek o rozdzielczości ~ 6,6k px na 3,1k px, chciałbym go wyświetlić na górze mojej strony pomiędzy tagami header, oraz chcę, aby jego wysokość miała 80vh, mój css:

background-image: url("../images/background.png");
    background-size: cover;
    background-position: 50% 70%;
    height: 80vh;

Problem polega teraz na tym, że chcę, aby był "przycięty z lewej i z prawej oraz z góry i dołu, jednak rozciąga się on na całą szerokość a ucina go tylko z góry i z dołu. Czy ktoś mógłby pomóc z tym problemem? Trochę utknąłem

3

Używanie obrazka o takiej rozdzielczości to zupełna niedorzeczność. Dlaczego tak robisz?

Skoro ustawiłeś rozmiar tła jako cover, to dostałeś dokładnie to, co ustawiłeś:
https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

Prawdopodobnie potrzebujesz czegoś w stylu:

background-position: center center;
background-size: 150%;

1 użytkowników online, w tym zalogowanych: 0, gości: 1