背景大小不適用於mozila

我想發送帶全寬的身體背景圖像，我已經完成了這與您以前的問題和答案，但我已經面臨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 檢查這兩個瀏覽器上的鏈接。

來源

2015-03-13 Prabhash Rawat

順便說一句，你知道嗎，這個背景非常龐大，需要20秒才能加載它？ – Beamer 2015-03-13 10:19:55

是的，我知道它太大的形象，但誰在乎這一點。 – 2015-03-13 10:51:41

將下列內容添加到您的CSS中。應該管用。

html{ 
    height:100%; 
}

來源

2015-03-13 10:04:33

相同的答案在同一時間:)你知道是否有更好的設置爲HTML比身體出於某種原因？ – 2015-03-13 10:05:51

是啊！有些時候，如果你沒有不會佔據身高100％的內容，它只會延伸到內容高度。將html高度設置爲100％將佔用整個瀏覽器高度。 – 2015-03-13 10:08:07

是的，但我的意思是 - 在html或body元素上有不同的100％高度？我通常不會在html上設置css，因爲它是文檔，並且它感覺不對。 – 2015-03-13 10:10:15

這是因爲100％的高度是身體的高度，身體不是那麼高。嘗試添加：

body { height: 100%; }

來源

2015-03-13 10:04:56

背景大小不適用於mozila

回答

相關問題