javascript - 背景图片在 Firefox 和 IE 中不显示

Question

我是 Bootstrap 和整体网页设计的新手。使用原始的 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 上不显示。使用 Firebug 我检查了 css 并得到了这个:

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

但是我还是想不通问题出在哪里。有没有其他方法可以编写简单的 CSS 片段以便 IE 和 firefox 可以使用它？

编辑:我修复了分号问题，但仍然没有出现。 Firebug 显示:

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");