Se io uso background-size: cover;
con un unico grande file immagine, ottengo l'effetto che voglio. Ma se creo lo sfondo usando affettamento delle immagini tecnica (cioè dividere l'immagine in più immagini e comprimere le immagini in modo diverso per ottenere riduzioni di dimensioni del file migliori), si potrebbe ottenere lo stesso effetto in qualche modo?
risposte:
0 per risposta № 1background-size
può prendere valori percentuali e tu hai diversi background-size
e valori di background-position` per diverse immagini di sfondo (separate da virgole), quindi potresti essere in grado di farlo funzionare.
Tuttavia, a causa del modo background-position
funziona, potrebbe essere un po 'complicato - background-position: 50% 0;
significa "posiziona l'immagine in modo che il punto 50%del modo lungo la lunghezza delle immagini è il 50% della lunghezza lungo la lunghezza dell'elemento ". Per porzioni complicate, potrebbe essere necessario un po 'di manipolazione per allineare le immagini e potrebbero esserci problemi di arrotondamento di 1 pixel.
Modificare: e, come hai sottolineato nei commenti, background-size:cover
mantiene il rapporto larghezza / altezza dell'immagine garantendo allo stesso tempo che lo sfondo sia coperto, che i valori percentuali non possono a meno che non si conoscano le dimensioni dell'elemento in anticipo.