Круглый border в Safari

Question

[The Whiz]

Safari не хочет правильно рендерить круглый border, вообще никак. Получаю вот это:



Про «фантомы» по краям я вообще молчу.
То есть бордер есть, скругление есть, а углы у изображения обрезаются.
Пробовал вешать на div, на ссылку, префиксы, вот это все…

Подскажите, что я делаю не так

Answer 1

[The Whiz]

Пустил изображение фоном.
При Джобсе такого не было!

Answer 2

[Gosha Arinich]

Самая последняя, 6.0.2.

Несколько примеров навскидку:







И такие артефакты повсюду. Даже в айтюнс сторе иногда похожее бывает. А в хроме такого нет, видимо, он не системный, свой собственный webkit юзает.

Answer 3

[LegoMushroom]

я Вас правильно понял? codepen.io/sol0mka/pen/tyLqp

Comments

[LegoMushroom]

или так? codepen.io/anon/pen/gfevt

[The Whiz]

Почти
Нужно еще добавить border толстый.
Спасибо, ваш вариант тоже вполне себе рабочий!

[The Whiz]

Возможно, вы заодно подскажете мне как избавиться от фантомного эффекта?

[LegoMushroom]

С удовольствием! Вы можете сделать пример, на картинке не очень видно?

[The Whiz]

Использую ваш код из первого примера
При загрузке страницы проявляется такой фантом. Если приблизить изображение браузера (cmd +) а затем уменьшить — фантом пропадет. Странно все это.

[Gosha Arinich]

modernstyle, этот фантом — скорее баг в сафари. Появляется во многих местах с border-radius. Не думаю, что вы можете его как-то убрать.

[LegoMushroom]

а версия какая?

[Вячеслав Слинько]

У меня такая херня почти везде, в радиусах, в шрифтах. Только в сафари только на маке.

[LegoMushroom]

не могу воспроизвести, укажите на конкретную версию пожалуйста

[The Whiz]

6 0 2

Answer 4

[RenatGanbarov]

Это известная проблема о которой уже говорят