O'Reilly logo

High Performance Websites by Steve Souders

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS-Sprites

Wie Imagemaps erlauben auch CSS-Sprites die Kombination von Images, sind aber wesentlich flexibler. Das Konzept erinnert mich an ein Ouijabrett (Hexenbrett), bei dem der Zeiger sich über das Brett bewegt und bei verschiedenen Buchstaben anhält. Zum Einsatz von CSS-Sprites werden mehrere Images in einem einzigen Image zusammengefasst, so wie in Abbildung 1-2 zu sehen ist. Das ist unser »Ouijabrett«.

CSS-Sprites fassen mehrere Images in einem Image zusammen

Abbildung 1-2. CSS-Sprites fassen mehrere Images in einem Image zusammen

Der »Zeiger« ist jedes HTML-Element, das Hintergrund-Images unterstützt, wie beispielsweise SPAN oder DIV. Das HTML-Element wird über dem gewünschten Teil des Hintergrund-Image ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required