jquery 在firefox下不支持backgroundPositionY-CSDN博客

本文链接：https://blog.csdn.net/lipengyu2007/article/details/84389504

[quote]
在firefox下jquery的css方法不支持backgroundPositionY属性，
我们可以通过如下方法解决。
[/quote]


(function($) {

var div = document.createElement('div'),
    rposition = /([^ ]*) (.*)/;

if(div.style.backgroundPositionX !== '') {
  	$(['X', 'Y']).each(function( i, letter ) {
    	var property = 'backgroundPosition' + letter,
      		isX = letter == 'X';
    	$.cssHooks[property] = {
      		set: function(elem, value) {
        		var current = elem.style.backgroundPosition;
        		elem.style.backgroundPosition = (isX? value + ' ' : '' ) + (current? current.match(rposition)[isX+1] : '0') + (isX? '' : ' ' + value);
      		},
      		get: function(elem, computed) {
        		var current = computed?
          			$.css(elem, 'backgroundPosition') :
          			elem.style.backgroundPosition;
        		return current.match(rposition)[!isX+1];
      		}
    	};
    	$.fx.step[property] = function(fx) {
      		$.cssHooks[property].set(fx.elem, fx.now + fx.unit);
    	}
  	});
}
div = null;

})(jQuery);

[quote]
https://github.com/louisremi/jquery.backgroundXY.js/blob/master/jquery.backgroundXY.js
https://github.com/brandonaaron/jquery-cssHooks/blob/master/bgpos.js
[/quote]