我的网站有一个大的背景图片(3600x1600),我希望在这个分辨率下使用它来覆盖几乎所有高达2k的屏幕。
然而,我的困境是这个图像包含天空,而前1000个左右的像素实际上只是天空,这意味着在1080p,您真正看到的只是图像中的天空,因为浏览器将在页面顶部启动图像,并在分辨率变大时向下展开。
我需要背景图像贴在页面底部并向上展开而不是向下展开,因此所有分辨率都可以在图像中看到城市,然后天空覆盖更大的分辨率。
我尝试了一些不同的东西,使用CSS3将背景缩放到100%,由于图片的宽高比在页面底部以16:9和位置“底部”标签留下了白色间隙,只是将图像的底部放在页面的顶部,这是荒谬的......
有关如何执行此操作或是否可行的任何想法?感谢。