Кнопка Webkit: переполнение цветов фона круглые углы

StackOverflow https://stackoverflow.com/questions/1971791

  •  21-09-2019
  •  | 
  •  

Вопрос

Я пытаюсь сделать закругленную кнопку, используя -webkit-border-radius

Это дает мне эту кнопку (в сафари):

round corner with background color

Вы можете видеть, что цвет фона переполняется в округлении. Я пытался изменить размер границы и радиус, но это не помогает. Это ошибка рендеринга с сафари или что -то в этом роде?

Это было полезно?

Решение

Он адресован здесь на 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/

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top