Обнюхивание браузера - радиус границы%

Question

Я подумал, что будет идеей попытаться обнаружить браузеры, которые не поддерживают border-radius со значениями%. Я использовал код ниже, чтобы попытаться определить радиус границы, но он не играет в мяч. Я получаю пустое окно с предупреждением.

function getStyle(ele,styleProp){
            var x = document.getElementById(ele);
            if(x.currentStyle){
                var y = x.currentStyle[styleProp];
            }else if(window.getComputedStyle){
                var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
            }
            return y;               
        }

        $('body').append('<div id="test"></div>');

        var style = getStyle('test','-webkit-border-radius');
        alert(style);

Я получил этот код от здесь

Кажется, что он несколько ограничен, он подходит для фона, высоты и ширины, но будет пустым для отступов, полей и, конечно, border-radius.

Есть идеи, в чем причина этого ограничения?

Answer 1

Такие вещи, как «margin», «padding» и «border-radius», являются ярлыками для фактических свойств, таких как «margin-left», «padding-bottom» и «border-top-right-radius» , Попробуйте получить их.

Answer 2

Вы можете использовать modernizr для обнаружения поддержки радиуса границы или просто взглянуть на их код.