浏览器嗅探 - 边界半径％

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

我从here

获得了此代码

看起来有点受限，背景颜色，身高和背景都很好。宽度，但对于填充，边距以及边界半径将返回空。

知道造成这种限制的原因是什么？

Answer 1

“margin”，“padding”和“border-radius”之类的东西都是实际属性的快捷方式，例如“margin-left”，“padding-bottom”和“border-top-right-radius” 。试试那些。

Answer 2

您可以使用modernizr来检测边框半径支持，或者查看代码。