È possibile utilizzare immagini di sfondo ripetute negli sprite?

Question

Eventuali duplicati:
CSS Sprites and repeating backgrounds

Esistono trucchi che rende possibile utilizzare le immagini sprite come sfondi ripetibili?

Answer 1

Sì, ma ci sono alcune limitazioni e dipende da come vengono ripetute le immagini. Ecco come procedere in base alla direzione di ripetizione:

Ripeti: non pensare che sia possibile.

repeat-X: Le imposterai verticalmente nel foglio sprite. Puoi avere solo un'immagine per "riga". Tutte le immagini devono avere la stessa larghezza.

repeat-y: si allineano i diagrammi orizzontalmente e si ottiene una sola immagine per "colonna". Tutte le immagini devono avere la stessa altezza.

Si dispone anche di fogli di sprite separati per ciascun metodo di ripetizione/non ripetizione.

Answer 2

No, non proprio. Neanche CSS3 offre un approccio per farlo correttamente (c'è la proprietà proprietaria image-rect come mostrato nella domanda duplicata ma non è supportata da tutti i browser).