调整Firefox中的问题 - 加载?

时间:2014-09-24 07:14:13

标签: javascript jquery firefox

我有一点问题,我有下面的脚本,如果在Chrome,IE(部分Safari)中工作正常,但在Firefox中则不行。

在IE,Chrome和Safari中,它设置了#main div的背景位置,但在Firefox中,它没有做任何事情。有任何想法吗?

var $navElm = $(".nav-left-large");

if ($navElm.length > 0) {
    var $main = $("#main"),
        $article = $(".container.pl-article"),
        $nav = $navElm[0],
        lastResize;

    $(window).on("load resize", function () {
        setTimeout(function () {
            console.log("start");
            var w = parseInt($article.css("margin-left"), 10),
                w2 = $nav.offsetWidth;

            if (lastResize !== w) {
                $main.css("background-position-x", "-" + (3000 - (w + w2)) + "px");
                lastResize = w;
            }
        }, 0);
    });
}

1 个答案:

答案 0 :(得分:0)

firefox不支持

background-position-x。由ie制作,并由chrome复制。

使用background-position: [x-value]px 0代替

(首先是x值,然后是y ..在你的情况下,0)