2015-06-22 2 views
0

Я пытаюсь сделать круглую кнопку с помощью CSS с этими атрибутами:CSS кусковых закругленные углы в сафари

width: 60px; 
height: 60px; 
color: #5A5A5A; 
border-radius: 50%; 
border: 2px solid; 
display: inline-block; 

В результате штраф в хроме, но в сафари он имеет «шероховатые» края. Есть ли способ правильно обработать закругленные края?

http://jsfiddle.net/5gh75oab/

uneven rounding

ответ

0

В зависимости от версии Safari, который вы используете, это может быть устаревшей и не в состоянии интерпретировать вещи так ясно, как в других браузерах. И часто новые коды или вещи, которые вы можете делать на веб-языках, можно оставить позади. Материал, подобный закругленному углу, несовместим со старыми браузерами IE или Safari и т. Д.

Обходной путь - это использование веб-кита, применяемого к Safari.

Посмотрите на эту ссылку и оттуда она должна быть проста и исправить вашу проблему.

link here

+0

Я перепробовал кучу из них, но это, кажется, не имеет никакого значения (хотя некоторые из них вызывают кнопка исчезнет). Эта проблема, похоже, происходит во всех версиях сафари, включая последние версии. –

+0

Тогда это может быть так, как Safari просто делает вещи. Вы можете попробовать использовать изображение вместо HTML5 и CSS3. – catalyst