jquery - 背景图像平移，背景大小为 : cover?

Question

我目前在使用以下代码用鼠标移动时平移我网站的背景图片

$('body').mousemove(function(e){
    var mousePosX = 50 + (e.pageX/$(window).width())*25;
    var mousePosY = 50 + (e.pageY/$(window).height())*25;
    $('body').css('backgroundPosition', mousePosX + '% ' +  mousePosY + '%');
});

这与较大的背景图像(例如宽度为 2000 像素)完美配合。有没有办法做同样的事情，但是用

background-size: cover;

?乍一看，它显然不会也不应该起作用，因为背景图像始终与浏览器大小相同，因此无法平移。由于浏览器窗口从来都不是最大高度(书签工具栏等的原因)，所以它可以垂直移动。是否有可能有一个“封面背景”，但也调整背景图像的一些像素，使其略大于视口(viewport)，但也会自动调整大小？

Answer 1

body{
    background:url(IMAGE);
    background-size: 110%;
    background-position: -10px -10px;
    background-repeat:no-repeat;
    background-attachment:fixed;
}