border-image rounding wird in Safari nicht korrekt gerundet
Hier ist mein Beitrag: Ссылка
%Vor% Firefox:
Safari:
Sie können es am besten am unteren Rand sehen. In jedem Browser außer Safari wird der untere Rand korrekt gerundet. In Safari scheint es überhaupt nicht rund zu sein. Irgendwelche Ideen, warum es passiert?
Bearbeiten: Soweit ich das beurteilen kann, unterstützt Safari nicht den "runden" Wiederholungsstil auf border-image (obwohl ihre Dokumente sagen, dass sie Ссылка )
4 Antworten
Dies scheint ein Safari-Bug zu sein. Es macht das gleiche hier , sogar mit ihrem Beispielbild. Es scheint, dass die einzige Möglichkeit, konsistente Ergebnisse zu erhalten, eine feste Breite für Safari ist ...
Das ist das nächste, was ich bekomme, damit es richtig und glatt aussieht.
%Vor%Ich habe etwas von der Breite geändert: und die Umrandungseigenschaften
Hinzufügen zur Antwort von @ Piyush-Marvaniya
Es scheint auf Pixelrundungsfehler in Verbindung mit der Breite in Prozent zurückzuführen zu sein. Bei fixed mit bekommt man den Rahmen ähnlich wie bei den anderen Browsern.
Hier ist das Arbeitsbeispiel in Saf v5.0 (7533.16) / Win bei jsfiddle . Ich konnte es fast perfekt machen, es gibt einen Pixelfehler in der unteren Kurve der Grenze, aber du musst genau hinsehen, um es zu erkennen:
%Vor%