滚动到背景的末尾

时间:2014-01-08 18:05:19

标签: jquery html css

所以我有一个大背景1920 * 3500的页面,我使用了这个:

background-image: url(Images/Background%20work/Background-Liquified-home2.jpg);
    background-size: cover;
    background-repeat: no-repeat;

当有人在分辨率较低的显示器上打开它时自动调整大小,问题是如果我最后没有放置图像或文本我不能滚动到那里,所以我插入了一个图像到结束了它没关系,但当我切换到分辨率较低的显示器1920 * 1080时,图像不在背景中。 那么,我可以让它滚动到壁纸的尽头吗?

3 个答案:

答案 0 :(得分:0)

使用媒体屏幕,并将background-size:auto设置为较低分辨率。

@media (min-width: 1280px) and (max-width: 1979px) { ... }

答案 1 :(得分:0)

没有名字

图片/背景%20work /背景 - 液化 - home2.jpg

更改

这是在空格 %20

时生成的

图片/背景/背景 - 液化 - home2.jpg

background-image: url(Images/Background/Background-Liquified-home2.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment:fixed;

答案 2 :(得分:0)

Marco Pellicciotta:如果使用脚本,可以调用document.body.clientWidth属性来获取客户端浏览器的特定宽度,并以动态方式更改背景图像。