背景CSS问题-不重复

我有一个快速的问题，希望答案也很快。如何使我的背景在整个页面中重复？我尝试了css重复，但由于某些原因它不起作用

#main_container{
    background:url(../images/cb.jpg)  top left repeat;
    margin:0 auto;
    padding:100px 0 150px 0;
    z-index:9999;   


body{
    background-color:#000;
    color:#fff;
    padding:0 0 0 0;
    margin:0 0 0 0;
    width:100%;
    display:table;
    overflow-x:hidden;
    position:relative;  
}

您可以使用：

---

如果您不使用netscape或smthn，它应该可以在您的浏览器上运行。^ ^

您看到的问题是因为您的主容器没有填满整个页面，您需要将其扩展到页面的整个高度。你为什么用这个

 body { display: table }

在你的css中？我会删除它，因为它可能会混淆某些浏览器，并且不应该有任何意义

一个简单的解决方法是将背景图像放在

body

标记中，如果这是您的一个选项

否则，您可以始终将css添加到#主容器：

#主集装箱{ 位置：绝对位置； 顶部：100px； 底部：0； 保证金：0自动； }

---

保持你的

身体{position:relative；}

请在这里添加你的代码，不要发布链接！！！如果你指的是牛仔裤布料般的背景，那么它在Chrome上对我有效。之所以有效，是因为我使用的填充比普通页面更长。请注意，w3schools是一个不可靠的来源。请注意，你也不应该仅仅为了覆盖css的特殊性而使用内联样式。更好的参考可能是MDN@AlvinWong I通常链接MDN，但sitepoint更适合用于描述目的，而不是一般参考，这仍然不会深入到底部：但是页面大小会随着屏幕的不同而变化，不是吗？我希望它被修复我也会说这就是问题所在。。。制作一个新的背景图像，使其适合整个屏幕（如3000*2200）。或者拉伸你的形象，真的吗？不，我不想使用图片背景图片什么没有？你们有并没有把显示器拿走：桌子，把背景添加到身体上？我糟糕的背景现在真的起作用了。但一切都向左转了。

 body { display: table }