Jquery 背景位置 y +=1 问题

【问题标题】：Jquery Background position y +=1 issueJquery 背景位置 y +=1 问题
【发布时间】：2014-09-03 23:49:55
【问题描述】：

每 80 毫秒，我想将 += 1 添加到 div 的背景 Y 位置。
问题是它不起作用。仅当我将 += 1 添加到 x 位置时它才有效。
我该怎么做？

我的代码：

<script>
    $(function(){
        setInterval(oneSecondFunction, 80);
        });


    function oneSecondFunction() {
        $( '#grille1' ).css( 'background-position', '0 +=1' );

            }
</script>

【问题讨论】：

标签： jquery background-position

【解决方案1】：

background-position 是由 x 和 y 位置组成的复合样式。您不能在复合样式上使用相对值，您必须单独设置它们：

$('#grille1').css('background-position-y', '+=1');

但是，并非所有浏览器都支持背景位置的单独样式，因此为了获得最大的兼容性，您需要跟踪位置以便您可以创建复合值，或者解析复合值并自己进行相对计算.

【讨论】：