jquery - 在没有滚动条的全屏页面上具有视差效果的图像

Question

我的着陆页需要是 100vh/100vw 并且没有滚动。背景是具有视差效果的图像，因此当鼠标移动时，图像也会移动。

我正在努力弄清楚如何让它发挥作用。对于视差图像，我目前有:

min-height: 100vh;
min-width: 100vw;

页面是 100vh/100vw，正如我需要的那样。问题是当图像移动时(鼠标移动)，它不再覆盖页面。我需要使图像更大，以便它始终覆盖整个页面，但我需要保留没有滚动条的全屏页面。

这是一个 jsFiddle Demo的问题。

Answer 1

您可以设置 background-size: 200% 或 300% 使其尽可能大。