Webkit -Schaltfläche: Hintergrundfarbe überläuft runde Ecken
-
21-09-2019 - |
Frage
Ich versuche einen abgerundeten Knopf mithilfe -webkit-border-radius
Dies gibt mir diesen Knopf (in Safari):
Sie können sehen, dass die Hintergrundfarbe in der Rundung überläuft. Ich habe versucht, die Grenzgröße und den Radius zu ändern, aber es hilft nicht. Ist das ein Rendering -Fehler mit Safari oder so?
Lösung
Es wird hier angesprochen http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Mike Hardings Blog:
-webkit-background-clip: padding-box;
Andere Tipps
Es sieht so aus, als wäre dies ein Rendering -Fehler mit Webkit. Adam Betts auf Twitter:
Wir sind bei Safari 5 und Grenze-Radius-Artefakte sind immer noch da. Warum ist das nicht schon repariert? http://lensco.be/test/border-radius-artifacts/
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow