Zur Navigation

Runde Ecken mit CSS

25 verschiedene Techniken für ein Ziel

1 Rudy

Bislang funktionieren runde Ecken allein mit CSS nur über proprietäre Eigenschaften und in einer begrenzten Anzahl an Browsern: -moz-border-radius für Mozilla, -webkit-border-radius für Webkit basierte Browser wie Safari und Konqueror.

Opera hat die Unterstützung von -o-border-radius in den letzten Versionen wieder entfernt und verzichtet bislang auf eine neue Implementation.

Bis die Browser alle die CSS 3-Eigenschaft border-radius unterstützen, gibt es auf CSS Juice 25 Techniken um in den Genuss der geschliffenen Kanten zu kommen. Teils sind die Techniken inversiv - erfordern also von vornherein zusätzliches Markup -, teils sind sie nicht inversiv und bedienen sich mit Javascript, fügen also das zusätzliche Markup zur Laufzeit ein und verhunzen so den Code nicht. Wer nicht ohne die Dinger leben kann, wird dort sicher fündig.

20.03.2008 17:29

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]