Firefox和IE中不顯示背景圖片

Question

我是引導程序和整體Web設計的新手。 使用原始的bootstrap.css和bootstrap的默認html文件，將其添加為自定義css：

 body {
    margin: 0;
    background: url("some image url");
    background-position: center top;
    background-size: 1440px 800px;
    background-repeat:no-repeat;
    display: compact;
}

並且它在chrome上可以正常工作，但在IE或Firefox中卻無法顯示。 使用螢火蟲，我檢查了CSS並得到了：

body {
   background: url("some image url") repeat scroll center top / 1440px 800px rgba(0, 0, 0, 0);
   margin: 0;
  }

但是我仍然不知道問題出在哪里。 還有其他方法可以編寫簡單的CSS代碼段，以便IE和firefox可以使用它嗎？

編輯：我解決了分號問題，但仍然沒有出現。 螢火蟲顯示：

body {
margin: 0;
background: url("some image url");
background-position: center top;
/* background-size: cover; */
background-size: 1440px 800px;
background-repeat:no-repeat; 
display: compact;
  }

編輯：我不得不把直接路徑到圖像與使用URL。 謝謝大家的建議和幫助！

Answer 1

http://www.w3schools.com/css/css_background.asp

你需要改變

background: url("some image url");

成

background-image: url("some image url");

Answer 2

您好@tyrell_c我認為問題可能是Firefox不支持“ display：compact”，也請嘗試省略圖片網址中的引號

Answer 3

好吧，所有其他答案都很好，我總是使用它們，但是如果它們不起作用，您可能會做一個簡單的技巧，例如在剛開始的身體上添加img，並將其高度和寬度設置為100％，以使照片成為根據屏幕尺寸做出響應。這將拉伸照片，並且對用戶而言將像背景照片一樣，因為它看起來相同