浏览器嗅探 - 边界半径 %答案

【问题标题】：Browser sniffing - Border Radius %浏览器嗅探 - 边界半径 %
【发布时间】：2011-10-15 06:50:14
【问题描述】：

我认为尝试检测不支持具有 % 值的边界半径的浏览器是一个不错的主意。我已经使用下面的代码来尝试检测边界半径，但它不是在玩球。我收到一个空警报框。

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得到这个代码

它似乎有些限制，背景颜色、高度和宽度都可以，但对于填充、边距和边框半径将返回空。

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

【问题讨论】：

标签： javascript cross-browser browser-detection css

【解决方案1】：

诸如“margin”、“padding”和“border-radius”之类的都是实际属性的快捷方式，例如“margin-left”、“padding-bottom”和“border-top-right-radius” .尝试获取这些。

【讨论】：

【解决方案2】：

您可以使用modernizr 来检测边框半径支持，或者只是看看他们的代码。

【讨论】：

是的，而且非常好。但是，除非我弄错了，否则您不能使用它来专门检测不支持 % 值的浏览器。