在Firefox和IE中获取CSS属性的麻烦

Question

更新：这里是小提琴：http://jsfiddle.net/ZqXZP/2/。如果你在Chrome浏览器上查看它，然后在Firefox上查看，你会看到问题。

我想从元素中获得完整的填充字符串。我原来的代码是这样读的：

var totalPaddingString = $(element).css("padding"); //Chrome returns "10px 0px 9px 10px" etc. 

//do stuff with `totalPaddingString` here 

这在Chrome中正常工作。但是，当我尝试在Firefox和IE中使用.css()方法时，会返回空字符串。起初我还以为是这两个浏览器如何使用jQuery一个问题，所以我切换到本地JavaScript性能：

var totalPaddingString = element.style.padding; 

但是，即使这会返回一个空字符串。有其他人遇到这个问题吗？有什么建议？

Answer 1

从.css() documentation：

速记CSS特性（例如余量，背景，边界）不被支持。例如，如果要检索渲染边距，请使用：$（elem）.css（'marginTop'）和$（elem）.css（'marginRight'）等等。