如何使用jQuery获取IE7中元素的边框宽度?

时间:2012-03-18 03:43:58

标签: jquery css internet-explorer internet-explorer-7

我正在尝试使用$('#foo').css('border-width-bottom')获取元素边框的宽度,但在IE7中,这会返回medium而不是数字,甚至是带有数字的字符串(即7px)

有没有办法在IE7中获取元素边框的宽度(以像素为单位)?我知道我可以欺骗并将字符串映射到它们的像素等价物,但是有更简洁的方法吗?

更新:我知道如果您明确设置边框(以像素为单位),它将返回正确的值,但如果设置为“中”,该怎么办?我想要宽度(以像素为单位),而不是border-width属性值。

1 个答案:

答案 0 :(得分:4)

border-bottom-width在IE7中运行得很好,这是一个小提琴:http://jsfiddle.net/2P7cn/

$(function(){
   alert($("#test").css("border-bottom-width")); 
});

编辑:“中/厚/薄”值取决于浏览器。通过一些技巧(outerHeight-height-padding),你可以找出边界高度总和并减去已知的一个(如果它们都是中等的话,则除以2)。