浏览器嗅探 - 边界半径 %

发布于 2024-11-26 17:21:33 字数 819 浏览 1 评论 0原文

我认为尝试检测不支持带有 % 值的 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);

我从这里得到了这段代码

，它似乎有些限制，对于背景颜色、高度来说很好&宽度，但对于填充、边距，当然还有边框半径，将返回空。

知道这个限制的原因是什么吗？

原文

I thought it would be an idea to try to detect browsers that didn't support border-radius with % values. I've used the code below to try to detect for border radius but it's not playing ball. I get a empty alert box.

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

I got this code from here

It seems somewhat limited, it's fine for background-color, height & width, but will return empty for padding, margin and of course border-radius.

Any idea what's the cause of this limitation?

分享到QQ

分享到微博