Daniel Hundt - Erfahrung Technologien im Frontend

zurück zur Technologie-Übersicht

CSS-Sprite Buttons zur Darstellung mehrerer Stati

Inhalt

Button-Status
Ein Icon für unterschiedliche Zustände: normal, hover, ausgewählt

Ein Button aus zwei überlagernden Hintergrundbildern erlaubt es mit einfachen Mitteln einen Multi-Status-Button zu gestalten. Da dies damals noch nicht mit CSS 3-Mitteln möglich war (Verbreitung...) wurde diese Lösung entwickelt.

Im Hintergrund wird der Zustand (ohne, hover, selected) angezeigt und mit dem eigentlichen Icon (ggf. disabled) überlagert.