Duplicar posible:
CSS Sprites and repeating backgrounds¿Es posible utilizar imágenes de fondo repetitivas en sprites?
¿Hay trucos que hace que sea posible utilizar imágenes de sprite como fondos repetibles?
Duplicar posible:
CSS Sprites and repeating backgrounds¿Es posible utilizar imágenes de fondo repetitivas en sprites?
¿Hay trucos que hace que sea posible utilizar imágenes de sprite como fondos repetibles?
Sí, puede, pero hay algunas limitaciones y depende de cómo se repiten las imágenes. Aquí se explica cómo realizar esto dependiendo de la dirección de repetición:
Repetir: No creo que esto sea posible.
repeat-X: Debería apilarlos verticalmente en la hoja de sprites. Solo puedes tener una imagen por "fila". Todas las imágenes deben tener el mismo ancho.
repeat-y: alinearía los iconos horizontalmente y tendría una sola imagen por "columna". Todas las imágenes deben tener la misma altura.
También está limitado a tener hojas de sprites separadas para cada método de repetición/no repetición.
No, en realidad no. Ni siquiera CSS3 ofrece un enfoque para hacer esto correctamente (existe la propiedad patentada image-rect
como se muestra en la pregunta duplicada, pero no es compatible con todos los navegadores).
Puede, pero hay limitaciones. – motoxer4533
http://www.phpied.com/background-repeat-and-css-sprites/ – motoxer4533