У меня есть элемент div с граничным радиусом css. Мое Android 2.2.1 устройство с браузером по умолчанию (webkit/533.1) не поддерживает пограничный радиус, поэтому я пытаюсь использовать modernizr для обнаружения этой функции. Проблема в том, что modernizr возвращает истинную мысль о граничном радиусе, не работает. Что я могу сделать сейчас? Как я могу его обнаружить?
<style>
.border{
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
border-radius: 100%;
}
.div{
background: red;
width:100px;
height: 100px;
}
</style>
<div class="border div"></div>
<script>
$(document).ready(function(){
if (!Modernizr.borderradius) {
alert ("css border radius is not supported");
}
})
</script>
Демо на jsfiddle http://jsfiddle.net/7NvLM/
Согласно CanIUse, border-radius
поддерживается браузером Android 2.2. 2.1 требуется префикс, но также поддерживается. Поэтому Modernizr правильно сообщает.
Однако CanIUse также отмечает, что Android 2.3 (и предположительно ранее) не поддерживает процентные значения для свойства. Вот почему это не работает для вас.
Я предполагаю, что Modernizr ищет базовую поддержку функций (что у нее есть). Возможно, вам понадобится написать свой собственный более конкретный тест для данного конкретного случая.
0
для неизвестного свойства.