如何使用css覆盖主容器的最大宽度

我正在开发wordpress博客模板，它有一个主容器：

.container {
    width: 100%;
    max-width: 1040px;

---

在一个页面上，我需要有一个图像，这将是一个全尺寸的背景图像：100%的可用宽度。但无论我做什么，我都无法让图像离开模板主容器（1040px）。有什么想法吗？

虽然可以使用绝对定位在制作图像的容器外获取图像，但如果可以使用CSS背景，为什么还要这样做呢

所以我假设你在一个更大的容器里有一个容器。。。。您要做的是将图像设置为更大容器的背景，如下所示（我这样做是假设它所在的容器是整个页面…但它可以是任何div）：

编辑好的，我知道你想做什么了。您希望嵌套的div具有100%的页面宽度，对吗

#包装器{
宽度：100px；
左边距：自动；
右边距：自动；
}
.项目{
高度：300px；
背景色：#0000FF；
宽度：100%；
}
.全座{
位置：绝对位置；
宽度：100%；
z指数：-1；
背景色：#FF0000；
高度：300px；
左：0；
右：0；
}

为什么不将背景添加到

？Hashem有一点。。。我不知道你是否能够在博客html上添加javascript，但是如果你能够，你可以使用jquery.cause将该图像添加到主体中，因为它需要在多个子页面中的一个子页面上。它将不仅仅是一个图像，而是一对100%宽度的图像，一个接一个地用其他容器隔开。你必须在CSS中实现这一点吗？可以修改你的模板吗？谢谢你的回答，但我已经试过了。问题是，我有一个较小的容器（最大宽度1040px），它是我的主主题容器，我不想对它进行调整。但是我想在小容器里面放几个更大的容器（全宽），它实际上有100%的宽度，不受1040px的限制。谢谢你的帮助。它不起作用，因为我的模板主div仍然给出了设置宽度，所有100%的“下方”都是1040的100%。但是我用一些代码开始了页面的代码，这有助于解决我的问题，所以这太棒了：）它成功了！我只使用了

代码的一部分，但它起作用了。我想是z-index的

部分起了作用。谢谢后续问题（我知道这个回答是几年前的）：当我使用
代码时，它似乎覆盖了页面上的其他属性——例如，页面标题再次出现（它被
.entry header{display:none；}
抑制）任何关于如何理解此bit的进一步提示都将不胜感激。
html { 
  background: url(YOURIMAGE.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}