Обнаружение браузера - Радиус рамки%

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

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);

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

Он кажется несколько ограниченным, он отлично подходит для фона, цвета и высоты, но будет возвращать пустой для заполнения, края и, конечно, радиуса.

Любая идея, в чем причина этого ограничения?

+2
источник поделиться
2 ответа

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

+2
источник

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

+1
источник

Посмотрите другие вопросы по меткам или Задайте вопрос