Próbuję napisać stronę, a właściwie jej początek przy nast. założeniach:
- Strona ma jako tło różne elementy tego samego dużo od niej większego obrazu (dla każdej z trzech klas szerokości ekranu trochę inny)
- Strona ma się 'zbiegać ' tzn reagować na pomniejszanie do środka
No i jest problem, kombinuję z kodem typu
html {
background: url(./bg_image.jpg) no-repeat left 50% fixed;
transform: translateX(-50%) ;
background-position-x: -788px;
background-position-y: -281px;
filter: brightness(0.67);
}
gdzie background- positionx, y są do ustawienia tła względem html aby właściwa część zdjęcia 'podkładała się'.
Chodzi o to, że przy takim zapisie tło zbiega się do górnego lewego rogu. I nie mam bladego pojęcia jak to naprawić. Ktoś by coś napisał może?
sprawdziłam też transform-translate do tła ale albo to nie jest na to miejsce albo nie potrafię użyć.