我认为尝试检测不支持%值边界半径的浏览器是一个好主意。我使用下面的代码来尝试检测边界半径,但它没有发挥作用。我收到一个空的警报框。

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获得此代码

似乎有些限制,可以用于背景颜色,高度和宽度,但对于填充,边距以及边界半径,将返回空白。

知道造成此限制的原因是什么?

最佳答案

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

关于javascript - 浏览器嗅探-边界半径%,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6862158/

10-11 13:17