Html 向下推身体和背景

所以，已经有一些关于这方面的问题了，但我的问题更具体一些

当用户以管理员身份登录时，我想在我的CMS的所有页面顶部添加一个40px高的管理员栏

但我不想模糊页面上的内容，所以我想向下推。记住，这是一个CMS，所以在所有使用它的页面上都有很多不同的CSS/设计。这个系统确实控制了所有的CSS，所以我可以随时更改它

我首先在body元素中添加了一个“margintop:40px”，然后才意识到body的背景图像实际上并没有附加到body，而是附加到了不可缩放的根元素

因此，我使用“背景位置：0 40px”向下移动背景图像。分数只是，一些网站已经使用背景位置来定位他们的背景与内容的关系，而我的覆盖严重扰乱了这些页面的设计

那么，有没有更好的方法来处理这个问题？还是我必须在运行中解析和更改每个站点可能的背景位置？我可以这样做，但不是：）

---

谢谢你的帮助

为了避免这个问题，您可以更改CMS的工作方式。添加作为用户内容主体的完整页面包装器

div

。然后，在包装器上方插入一个40px高的元素将普遍将其向下推。

您可以尝试以下操作，但可能需要将cms工具栏放置在负面位置

html { margin-top: 40px; }
#yourCmsBar { position: absolute; top: -40px; height: 40px; }

---

如果背景应用于html元素，则可以按下html元素，然后使用

position:absolute

定位标题。示例：

问题不是将内容向下推，这很简单。但我需要背景图像也被向下推，这就是我的问题所在。如果背景图像应用于该div包装（而不是实际的主体），它将被一致地向下推。我注意到，在所有情况下，都可以使div与视口一样高。。。这可能是新布局问题的潜在来源…@Sandman这将如何下推正文背景图像..？是的，但这不会下推正文标记的背景图像。@即使下推背景图像，Sandman也会应用于正文标记中，因为正文标记已进入html标记中。看到我在帖子中的例子，我修复了Firefox中的一个bug，不幸的是，它没有。使用DOM检查器隐藏标题标记，您将看到它下面的背景图像。背景图像实际上并没有附加到body DOM对象，而是附加到根对象，因此不会受到body标记的任何边距的影响。@Sandman我知道，背景图像仍然位于标题的后面，但背景图像已经移动了。如果将

repeat-x

添加到html背景，您将看到背景已移动。看看这个：