Có thể sử dụng hình nền lặp lại trong sprites không?

Question

thể trùng lặp:
CSS Sprites and repeating backgrounds

Có bất kỳ thủ đoạn mà làm cho nó có thể sử dụng hình ảnh sprite làm nền lặp lại?

Answer 1

Có, nhưng bạn có thể có một số hạn chế và phụ thuộc vào cách lặp lại hình ảnh. Đây là cách bạn sẽ thực hiện việc này tùy thuộc vào hướng lặp lại:

Lặp lại: Đừng nghĩ điều này là có thể.

lặp lại-X: Bạn sẽ sắp xếp các thứ tự theo chiều dọc này trong trang tính ma lực của mình. Bạn chỉ có thể có một hình ảnh cho mỗi "hàng". Tất cả hình ảnh phải có cùng chiều rộng.

repeat-y: Bạn sẽ xếp các hàng ngang theo chiều ngang và chỉ có một hình ảnh cho mỗi "cột". Tất cả hình ảnh phải có cùng chiều cao.

Bạn cũng bị giới hạn có các trang ma trận riêng biệt cho mỗi phương thức lặp lại/không lặp lại.

Answer 2

Không, không thực sự. Thậm chí CSS3 còn cung cấp một cách tiếp cận để làm điều này đúng cách (có thuộc tính độc quyền image-rect như được hiển thị trong câu hỏi trùng lặp nhưng nó không được tất cả các trình duyệt hỗ trợ).