Question

如何移动图像的背景位置，使其在页面调整大小时保持在2个元素之间？

我设法让第一个使用一些Javascript工作，但同样的功能不适用于第二个。

这就是我所得到的。 Here's the link

底部叶子移动太多，我需要它留在猫和文本之间

这是我第一片叶子的Javascript。

function bgPos(){
    var w = $(window).width() - $('.container').width();
    w = w*2;
    $('.class2').css('background-position', w+'px 0')
}
$(window).on('resize', bgPos).trigger('resize');

有什么想法吗？

Answer 1

你的bgPos函数fort .class2应该看起来非常类似于你用于class1的bgPos函数，但是带有水平delta（我使用的值为500）

var w = $(window).width() - $('.container').width();
w = w/2-500;
$('.class2').css('background-position', w+'px 0')

这个delta应该保持在这些＆＃34; green＆＃34;之间的距离。调整大小。你可以找到更好的价值来保持它的完美性

当页面调整大小时，CSS背景位置移动

1 个答案: