我有一个覆盖整个浏览器窗口的背景图片,并用它调整大小(因此没有恒定的宽高比)。它是用css创建的,非常标准,如下所示:
html {
background: url(/bgpic.png) no-repeat center center fixed;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
当在本地运行时,这非常有效。但是,当从我的提供商的服务器运行时,图像将仅覆盖窗口的顶部2/3 - 在任何浏览器中。
也就是说,图片确实具有覆盖窗口的正确尺寸,但窗口的底部三分之一被背景颜色的带覆盖。 (好像我不能在这里附上截图,抱歉)。
出了什么问题,更重要的是:我该如何解决问题?