Zum Ausblenden des Textes gibt es ein <span>
mit display:none
Die Listen-Elemente habe alle eine eigene id
. Dadurch können individuelle Bilder und Maße verwendet werden.
Sie werden nur als Ausschnitt gezeigt mit background-position
verschoben.
Diese Technik nennen einige Webdesigner „CSS-Sprite“. Sie war 2013/2014 bei der IHK-Prüfung ein Schwerpunktthema.
Das sind die verwendeneten Hintergrund-Bilder: