在IE8 / IE7 Javascript代碼上接收null

Question

我不是JavaScript方面的專家，但是我的功能很簡單，並且在IE8和7以外的所有瀏覽器中都能正常工作

function setSelected() {
    var backgroundPos = $('div.eventJumpToContainer').find('.selected').css('backgroundPosition').split("");
    var xPos = backgroundPos[0];
    var yPos = '-100px';
    var toSet = xPos + ' ' + yPos;
    $('div.eventJumpToContainer').find('.selected').css('backgroundPosition', toSet);
    $('div.eventJumpToContainer span.jumpDate').not('.selected').each(function () {
        var backgroundPos = $(this).css('backgroundPosition').split(" ");
        var xPos = backgroundPos[0];
        $(this).css('backgroundPosition', xPos + ' top');
    });
}

在IE9中逐步執行此代碼時：

$('div.eventJumpToContainer').find('.selected').css('backgroundPosition') = ‘3600px 0%’

但是在IE8中，此表達式為null。

我已經嘗試了很多東西，但是我做不到！ 提前致謝

Answer 1

您正在使用javascript語法在jQuery css函數中獲取背景位置。

例：

object.style.backgroundPosition="center"

在CSS中，該屬性實際上是'background-position'

嘗試這個：

$('div.eventJumpToContainer').find('.selected').css('background-position') = ‘3600px 0%’

如果這不起作用，則可能需要使用-ms-background-position-x -ms-background-position-y屬性。