Jeśli używam background-size: cover;
dzięki pojedynczemu dużemu plikowi obrazu otrzymuję pożądany efekt. Ale jeśli tworzę tło używając krojenie obrazu technika (tj. podziel obraz na kilka obrazów i kompresuj obrazy w inny sposób, aby uzyskać lepsze zmniejszenie rozmiaru pliku), czy ten sam efekt można osiągnąć w jakiś sposób?
Odpowiedzi:
0 dla odpowiedzi № 1background-size
może przyjmować wartości procentowe, a ty masz inne background-size
i wartości położenia w tle dla różnych obrazów tła (oddzielone przecinkami), więc możesz być w stanie go uruchomić.
Jednak ze względu na sposób background-position
działa, to może być trochę trudne - background-position: 50% 0;
oznacza „ustaw obraz tak, aby punkt 50%drogi wzdłuż długości obrazów wynosi 50% długości wzdłuż długości elementu ”. W przypadku skomplikowanych plastrów może to zająć dużo frajdy, aby obrazy znalazły się w linii, i mogą wystąpić problemy z zaokrągleniem 1 piksela.
Edytować: i, jak już zauważyłeś w komentarzach, background-size:cover
utrzymuje stosunek szerokości do wysokości obrazu, zapewniając jednocześnie pokrycie tła, którego wartości procentowe nie są możliwe, chyba że znasz wcześniej wymiary elementu.