忽略边距的正文背景图像

Question

一个快速的问题；

我有许多完整且非常复杂的网站，我在这些网站上激活 cookie 接受脚本。 cookie 消息包装器出现在正文包装器的顶部。

在许多此类网站（主要是电子商务网站）上，有不少页面使用 body 标签来标记背景图片。由于使用了后端系统，这是不可避免的。

我使用的方法是将主体上边距设置为 200px，然后在 cookie 包装器上设置负 200px 上边距。

问题在于正文背景不尊重该边距。如果背景位置设置为顶部，则它位于窗口顶部并忽略正文边距。我可以将背景顶部位置设置为 200 像素，但这会搞砸背景顶部位置已经设​​置为不同值的页面......

我只是在寻找一种方法，让背景尊重正文边距而不影响布局的任何其他部分。

Answer 1

您可以使用 jQuery 来处理这个问题。准备好文档后，检查是否有 cookie 包装器 div。如果存在，请更改背景位置。