获取背景图像以向上扩展而不是向下扩展

时间:2013-03-05 18:51:49

标签: html css

我的网站有一个大的背景图片(3600x1600),我希望在这个分辨率下使用它来覆盖几乎所有高达2k的屏幕。

然而,我的困境是这个图像包含天空,而前1000个左右的像素实际上只是天空,这意味着在1080p,您真正看到的只是图像中的天空,因为浏览器将在页面顶部启动图像,并在分辨率变大时向下展开。

我需要背景图像贴在页面底部并向上展开而不是向下展开,因此所有分辨率都可以在图像中看到城市,然后天空覆盖更大的分辨率。

我尝试了一些不同的东西,使用CSS3将背景缩放到100%,由于图片的宽高比在页面底部以16:9和位置“底部”标签留下了白色间隙,只是将图像的底部放在页面的顶部,这是荒谬的......

有关如何执行此操作或是否可行的任何想法?感谢。

0 个答案:

没有答案