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