Html 当身体始终居中时，如何使单个固定图像适合屏幕

因此，也许这只是我将身体居中的方式，因为我在html中将身体显示为居中的表格

html {
    display: table;
    margin: auto;
}

body {
    width:100%;
    display: table-cell;
    vertical-align: middle;
}

#background{
    width:100%;
    height:100%;
    position:fixed;
    background-image:url('image.jpg'); 
    background-repeat: no-repeat;
    background-size:cover;
}

---

根据这段代码，我可以看到图像将从身体的开始开始，开始居中，所以图像将从那里开始，我有不应该在那里的空白；我希望正文中的内容居中，但背景不应该居中，这样才能以正确的方式适合屏幕。我尝试将我的中心代码转移到容器中，但没有成功。我环顾四周一两个小时，所有的答案对我都不起作用。你知道怎么解决这个问题吗？

不让你的身体居中，你能把它放在一个容器里，比如“主容器”里，然后把它放在中心吗

编辑：这是一把你的小提琴

这是一些内容

#外部容器{
显示：表格；
保证金：自动；
}
#主容器{
宽度：100%；
显示：表格单元格；
垂直对齐：中间对齐；
}
#背景{
宽度：100%；
身高：100%；
背景图像：url（'http://mytwopiasters.files.wordpress.com/2011/01/ocean.jpg');
位置：绝对位置；
背景重复：无重复；
背景尺寸：封面；
}
#盒子{
文本对齐：居中；
宽度：100px；
位置：固定；
高度：100px；
背景：#fff；
边框：1px#000实心；
}

您是否重置了页面的页边距

html {
  margin: 0;
  padding: 0;
 }

body {
  margin: 0;
  padding: 0;
 }

此外，如果您希望得到全屏背景，为什么不这样做：

body {
  background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
background-size: cover;
}

---

检查此链接以了解其他方法：

我不确定您在问什么？你能在JSFIDLE或其他地方做个例子吗？因为

位置：固定将从页面流中取出一个元素，并将其定位在与视口的关系中，而不是与父元素的关系中。这就是你正在经历的吗？我想他只是想要一个全屏背景。没有列出实际职位<代码>顶部：50%；左：50%；利润率：-50%0-50%诸如此类。下面是显示我的问题的JSFIDLE。位置必须固定的原因是，当所有内容向下滚动时，图像保持在那里，不会继续移动stretch@RyanSaxe该网站对公众开放吗？如果你不介意我看一下你的完整html/css，这样我就可以修改Firebug了。不，现在还没有，但这里有一个简单的JSFIDLE，我把它放在一起，有它的基础…@RyanSaxe awesome，请投赞成票，并/或将问题标记为回答：）这将是非常感激的，我正在尝试使主体内容以固定的背景为中心，并适合全屏…如果主体不居中，这将起作用
body {
  background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
background-size: cover;
}