jquery - 使用 background-size 平移背景图像：封面？

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;

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

Answer 1

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