Кнопка Webkit: переполнение цветов фона круглые углы
-
21-09-2019 - |
Вопрос
Я пытаюсь сделать закругленную кнопку, используя -webkit-border-radius
Это дает мне эту кнопку (в сафари):
Вы можете видеть, что цвет фона переполняется в округлении. Я пытался изменить размер границы и радиус, но это не помогает. Это ошибка рендеринга с сафари или что -то в этом роде?
Решение
Он адресован здесь на http://tumble.sneak.co.nz/post/928998513/Fixing-the-background-bleed?d1dc0f00 Блог Майка Хардинга:
-webkit-background-clip: padding-box;
Другие советы
Похоже, это ошибка рендеринга с Webkit. Адам Беттс в Твиттере:
Мы в Safari 5, и артефакты границы-радиуса все еще здесь. Почему это уже не исправлено? http://lensco.be/test/border-radius-artifacts/
Не связан с StackOverflow