Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 背景图像将/won';t覆盖整个窗口,具体取决于服务器_Html_Css - Fatal编程技术网

Html 背景图像将/won';t覆盖整个窗口,具体取决于服务器

Html 背景图像将/won';t覆盖整个窗口,具体取决于服务器,html,css,Html,Css,我有一个覆盖整个浏览器窗口的背景图像,并用它调整大小(因此没有恒定的纵横比)。它是用css创建的,非常标准,如下所示: html { background: url(/bgpic.png) no-repeat center center fixed; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-s

我有一个覆盖整个浏览器窗口的背景图像,并用它调整大小(因此没有恒定的纵横比)。它是用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部分-在任何浏览器中。
也就是说,图片的大小确实适合覆盖窗口,但窗口的底部三分之一被背景色的条带覆盖。(看来我不能在这里附上截图,对不起)


出了什么问题,更重要的是:我如何解决这个问题

听起来你好像忘了将CSS文件上传到服务器。你有我们可以查看的链接吗?我注意到你在webkit背景大小之前缺少一个连字符。不确定这是否会对本地服务器上的实时服务器产生任何影响…您能让我们知道服务器正在运行什么操作系统以及您在本地使用什么操作系统吗?另外,如果您知道什么是web服务器软件(apache、IIS等)。还有一个问题,你是否尝试过不同的浏览器,并且得到了相同的结果?谢谢大家的输入。我要澄清:1.我确实上传了css。这里有三个指向测试文件的链接:1。位于加利福尼亚州的主机提供商lunarpages:peptalks.nl/test5.jsp 2。在托管提供商xs4all,荷兰:www.xs4all.nl/~riksmits/test5,html 3。正确(本地)效果的模型:peptalks.nl/test5ok.html(查看底部!)所有的模型都应该像本地模型,但它们不是。检查代码。