在某些时候我们需要通过backgroundPositionX和Y来直接翻转背景图片非常方便
但是你会发现,在FF和Oprea里面就不行了
你可能又会尝试通过使用backgroundPosition来同时设置两个参数来变化背景图片的位置,但是还是失败
因为IE也不支持backgroundPosition函数
解决办法,就是判断浏览器是IE还是别的
如果是IE,直接通过backgroundPositionX和Y还设置css
如果不是就用backgroundPosition就行了
但是需要注意的是
这几个属性都不是数值型的,为了让浏览器更好的识别
最好都写成字符串形式比如obj.style.backgroundPosition = "100px 20px";这样来设置就行了
然后你获取数值型的你可以直接将backgroundPosition中的px进行replace替换,这样变成"100 20"之后,直接再用split就可以了,直接就能获取你需要的两个不同参数进行数学运算