2015-03-13 137 views
0

我想发送带全宽的身体背景图像,我已经完成了这与您以前的问题和答案,但我已经面临mozila浏览器的问题图像没有设置全宽。 这是我的代码,我在CSS文件正在写..背景大小不适用于mozila

background-image: url("/images/newimages/loginimage.jpg"); 
background-position: center top; 
background-repeat: no-repeat; 
background-size: 100% 100%; 

上chorme浏览器这项工作很好,但不是工作mozila我做什么不是我的代码去错了。

这里是链接检查http://officemachine.mobi/login/index.php 检查这两个浏览器上的链接。

+0

顺便说一句,你知道吗,这个背景非常庞大,需要20秒才能加载它? – Beamer 2015-03-13 10:19:55

+0

是的,我知道它太大的形象,但谁在乎这一点。 – 2015-03-13 10:51:41

回答

0

将下列内容添加到您的CSS中。应该管用。

html{ 
    height:100%; 
} 
+0

相同的答案在同一时间:)你知道是否有更好的设置为HTML比身体出于某种原因? – 2015-03-13 10:05:51

+0

是啊!有些时候,如果你没有不会占据身高100%的内容,它只会延伸到内容高度。将html高度设置为100%将占用整个浏览器高度。 – 2015-03-13 10:08:07

+0

是的,但我的意思是 - 在html或body元素上有不同的100%高度?我通常不会在html上设置css,因为它是文档,并且它感觉不对。 – 2015-03-13 10:10:15

0

这是因为100%的高度是身体的高度,身体不是那么高。尝试添加:

body { height: 100%; }