Skalierbare Buttons mit abgerundeten Ecken
Vor rund drei Wochen stellte Alexander Hahn mit der deutschen Übersetzung des Artikels „How to make sexy buttons with CSS“ eine Methode vor, wie man mithilfe der sliding doors Technik abgerundete Buttons plus nettem Hover-Effekt erstellen kann. Einziges Manko: Die Buttons sind zwar in der Breite skalierbar, jedoch nicht in der Höhe. Nun hat David Hellsing eine weitere Methode präsentiert. Mittels PNG-Hintergründen und Hintergrundfarben können CSS-Buttons erstellt werden, die in Höhe und Breite skalierbar sind.
Doch ein Problem namens Internet Explorer besteht immer noch. Die Version 6 des Browsers unterstützt bekanntlich keine transparenten PNG-Grafiken. (Nachtrag: Werden PNG-Grafiken per HTML/CSS eingebunden, werden sie vom IE 6 nicht korrekt (transparent) ausgegeben. Es existieren jedoch verschiedene Workarounds, die auch transparente PNG-Grafiken im IE 6 ermöglichen.) Allerdings gibt es ein Workaround – IE6-Benutzer sehen zwar farbige Buttons, allerdings in der abgespeckten Version, ohne Hintergrund.
Der Artikel „Scalable CSS Buttons Using PNG and Background Colors” ist es auf jeden Fall wert gelesen zu werden. David Hellsing stellt eine interessante und schöne Methode zur Gestaltung von Buttons mittels CSS vor.
(via CSSHilfe)