background-position的值

如果想单独取background-position的X值或Y值，IE里可以通过私有属性background-positionX或者background-positionY取得，但是非IE浏览器无法通过这个属性取得。

查阅了参考资料，整理出如何获得XY的通用方法，我在IE6 IE7 IE8 FF3 Opera Chrome上测试没有问题。

函数一、先通过jQ取得XY。

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/–>(function($) {
jQuery.fn.backgroundPosition = function() {
var bgPosition = $(this).css(‘background-position’);
if(typeof(bgPosition) == ‘undefined’) {
return $(this).css(‘background-positionX’) + ‘ ‘ + $(this).css(‘background-positionY’);
}else{
return bgPosition;
}
};
})(jQuery);

bgPosition=bgPosition.split(” “)     //转成字符串数组

parseInt(bgPosition)           // 字符串再转成数字可计算

函数二、单独取它们的X值或Y值

X值：$(’#Element’).backgroundPosition().split(” “)[0];
Y值：$(’#Element’).backgroundPosition().split(” “)[1];