上一篇: jQuery ValidationEngine和PO Bo... 下一篇:使用jquery函数在lift框架片段中...

jquery – 背景图像平移背景大小：封面？

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 背景图像平移背景大小：封面？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

$('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;

？乍一看它不会也不应该显而易见,因为背景图像总是与浏览器大小相同,因此无法平移.
由于浏览器窗口永远不会是最大高度(书签工具栏等的原因),因此它可以使用垂直移动.
是否可以使用“封面背景”,但也可以调整背景图像的某些像素大小,使其略大于视口,但也会自动调整大小？

解决方法

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