我有一点问题,我有下面的脚本,如果在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);
});
}
答案 0 :(得分:0)
background-position-x。由ie制作,并由chrome复制。
使用background-position: [x-value]px 0
代替
(首先是x值,然后是y ..在你的情况下,0)