2014-02-10 8 views
0

радиуса границы не работает в Android 2.3.4радиус границы не работает в Android 2.3.4

Пример:

.radius5 { 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -khtml-border-radius: 50%; 
    border-radius: 50%; 
} 
+1

Согласно [Могу ли я использовать] (http://caniuse.com/#search=border-radius), Android 2.3.4 должен поддерживать 'пограничную-radius' без каких-либо префиксов. –

+2

'Android Browser 2.3 не поддерживает значение% для border-radius.' – Vucko

+0

Спасибо, Джеймс ... Но родной браузер для Android не поддерживает ... –

ответ

0

1 - использовать Opera Mini
2 - попытаться сделать радиус пикселями (1px) или Эмс (1em)

+2

Это на самом деле это не решение, вы не можете заставить людей использовать другой браузер. Однако второй вариант правильный. –

0

Да есть проблема в этом: check here, and click on known issues.

Вот что он говорит:

1. Android Browser 2.3 does not support % value for border-radius. 

2. Border-radius does not work on fieldset elements in IE9. 

3. The stock browser on the Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property but does support the long-hand properties for each corner like "border-top-left-radius". 
1

Указанные вопросы here (далее Armarnath Balasubramani) действительны.

Но вот что вы можете сделать для быстрого исправления! :)

 


    #circle { 
     border-radius: 9999px; /* the css3 circle */ 
    }