3 Stimmen

Mit Firefox nur CSS zu runden Ecken von Elementen?

Mir ist gerade aufgefallen, dass Stack Overflow nur Firefox-CSS verwendet, um die Ecken der Benutzerabzeichen auf der Startseite abzurunden. Es ist eine interessante Idee, aber was wären die Fallstricke und Vorteile der Verwendung von Firefox nur CSS (abgesehen von den eklatant offensichtlichen)?

-moz-border-radius:6px;
-webkit-border-radius:6px;

Oben: Das CSS, das zum Abrunden der Ecken auf der Startseite von Stack Overflow verwendet wird.

6voto

BeefTurkey Punkte 870

Das Hauptproblem wäre, so wie ich es sehe, dass Ihr CSS nicht validiert wird. Ansonsten sehe ich keinen Grund, diese Art von plattformspezifischen Funktionen nicht zu verwenden, da sie Benutzern, deren Browser die Funktionen nicht unterstützen, keinen Schaden zufügen.

3voto

DNS Punkte 35625

Das hat den Vorteil, dass es viel einfacher ist als die Verwendung von Eckbildern oder anderen Tricks. Der offensichtliche Nachteil ist, dass Ihre Seite auf dem IE, der immer noch von mehr als der Hälfte der Internetnutzer weltweit verwendet wird, nicht wie vorgesehen dargestellt wird.

Insgesamt ist es situationsabhängig; ich kann mir vorstellen, dass bei SO ein überdurchschnittlich hoher Anteil der Nutzer Firefox verwendet, so dass das IE-Problem nicht so relevant ist. Und abgerundete Ecken sind eine kleine visuelle Verbesserung, wenn also einige Leute es sehen und andere nicht, ist das keine große Sache.

2voto

Grant Wagner Punkte 24137

Ich stimme zu mit RindfleischTruthahn .

Ich würde sogar noch weiter gehen und es als einen Fall von Progressive Verbesserung mit CSS . Frei nach dem Motto Progressive Enhancement verstehen Ich würde die abgerundeten Ecken als Teil des bunten Überzugs um die mit Schokolade überzogene Erdnuss betrachten.

Und schließlich wird CSS3 ratifiziert werden und Rand-Radius standardisiert werden. -moz , -webkit y -ms vorangestellte Stile können entfernt und durch ihre Standardentsprechungen ersetzt werden. Ihr CSS wird validiert, und Benutzer von Browsern, die CSS3 nicht unterstützen, werden immer noch mit Browsern, die CSS3 unterstützen, eine völlig akzeptable Erfahrung machen, erhalten eine erweitert Erfahrung.

Alternativ könnten Sie auch weiterhin das proprietäre CSS zusätzlich zu den Standards verwenden, um einem noch größeren Publikum ein besseres Erlebnis zu bieten. Es würde wirklich davon abhängen, wie viel Aufwand die Pflege all dieser CSS erfordert und wie wichtig Ihnen die verbesserte Erfahrung für Ihr Publikum ist.

1voto

Jerph Punkte 4542

Es funktioniert in Firefox und den Webkit-basierten Browsern (vor allem Safari und Chrome). Für IE und Opera gibt es keine Alternativen.

Der Hauptgrund für seine Verwendung ist, dass Sie Elementen, die auf gemusterten oder unvorhersehbaren Hintergründen angezeigt werden, abgerundete Ecken geben wollen, was sonst nicht möglich ist. Normales CSS und Bilder können für andere Situationen sorgen.

Es ist auch lächerlich einfach zu implementieren und funktioniert sicherlich für mehr als die Hälfte der Leute auf dieser Seite.

-1voto

Ólafur Waage Punkte 66497

Der Nachteil ist natürlich, dass es in anderen Browsern nicht unterstützt wird und nicht in der W3C-Spezifikation enthalten ist.

Die aktuelle Implementierung ist schlecht (sowohl in Firefox als auch in Webkit), da sie die Syntax nicht teilen.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X