将CSS border-radius％值动态转换为px

Question

我的CSS有一个包含circle的班级border-radius: 50%。不幸的是，有些浏览器不支持％，并将圆圈渲染为方形。我想动态地将百分比转换为不支持百分比的浏览器的像素值。

如何使用JavaScript / jQuery实现此目的？

Answer 1

$('#circle').css("border-radius",$('#circle').width()/2);

请参阅示例http://jsfiddle.net/cZqQ8/

显然你应该使用-moz-border-radius来使用mozilla

Answer 2

试试这个家伙：

$('.circle').css("border-radius",$('.circle').width()/2);