Obrazy CSS Sprite

Podobnie jak mapy obrazkowe, także technika CSS Sprite pozwala na łączenie obrazów, ale jest znacznie bardziej elastyczna w użyciu. Koncepcja przypomina autorowi planszę z wypisanymi literami alfabetu, po której porusza się pionek, stając na różnych literach. W celu użycia obrazu CSS Sprite większa liczba grafik zostaje umieszczona na jednym obrazie, jak to pokazano na Rysunek 3-2. Ten pojedynczy obraz tworzy „planszę”.

Technika CSS Sprite zakłada umieszczenie większej liczby grafik na pojedynczym obrazie

Rysunek 3-2. Technika CSS Sprite zakłada umieszczenie większej liczby grafik na pojedynczym obrazie

Wspomniana „plansza” jest dowolnym elementem HTML obsługującym obrazy tła, na przykład span lub div. Element ...

Get Wydajne witryny internetowe. Przyspieszanie działania serwisów WWW now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.