Stattdessen schlage ich vor, dass Sie CSS3 verwenden, was im Gegensatz zu anderen Methoden kein überflüssiges HTML oder Javascript-Markup erfordert, das notorisch dazu führt, dass gerundete Elemente beim Laden der Seite "blinken".
%Vor%Dieser Generator ist auch hilfreich: Ссылка und es gibt noch einen anderen Ссылка
In den neuesten Versionen der meisten (wenn nicht allen) Browser funktioniert border-radius: 10px;
einwandfrei, und die Browser-spezifischen Deklarationen werden innerhalb der vorgegebenen Zeit veraltet sein.
Um den Grenzradius in IE6, 7 und 8 zu verwenden, versuchen Sie ms-border-radius js Bibliothek , obwohl ich es nicht getestet habe (und jemand hat geantwortet, dass es nicht funktioniert.) Meine persönliche Meinung ist, dass, wenn jemand immer noch diese Browser benutzt, das Internet wie ein seltsames und gruseliges aussehen muss legen Sie sie täglich auf, und so werden sie ihre abgerundeten Ecken nicht verpassen.
Beiseite: Die Methode, die Sie verwenden möchten, war besser geeignet, wenn CSS3 nicht so häufig unterstützt wurde. Es wurde während einer seltsamen Zeit des Internets geschaffen, als die Popularität von IE6 zahllose Webentwickler dazu trieb, stark nicht-semantische kreative Lösungen für ansonsten einfache Probleme zu finden. Vielen Dank, Internet Explorer, dass Sie sich ein paar Jahre Zeit genommen haben und den Fortschritt von Webdesign und -entwicklung verlangsamt haben.
Es gibt immer curvycorners auch, es verwendet native css für Geschwindigkeit, wenn der Browser es unterstützt oder greift auf Javascript zurück, wenn der Browser doesn 't.
Kann einfach mit abgerundeten Ecken von jQuery erstellt werden gerundete_ecke
%Vor%Sie müssen sich keine Sorgen über Cross-Browser-Probleme mit dem jQuery-Ansatz machen.