因此，已经有一些关于此的问题，但我的问题更具体一些。
当用户以管理员身份登录时，我想在我的 CMS 所有页面的顶部添加一个 40 像素高的管理栏。
但是我不想遮挡页面上的内容，所以想下推。请记住，这是一个 CMS，因此在使用它的所有页面上都有很多不同的 CSS/设计。不过，系统确实可以控制所有 CSS，所以我可以即时更改它。
我首先向 body 元素添加了一个“margin-top: 40px”，然后才意识到 BODY 的背景图像实际上并没有附加到 body 上，而是附加到其他无法设置样式的根元素上。
因此，我使用“background-position: 0 40px”将背景图片下移。分数!只是，一些网站已经使用 background-position 来定位与内容相关的背景，而我重写了这些页面的设计，这严重扰乱了这些页面的设计。
那么 - 有没有更好的方法来处理这个问题？或者我是否必须即时解析和更改每个站点可能的背景位置 - 我可以做，但不是:)
感谢您的帮助!
最佳答案
为避免此问题，您可以更改 CMS 的运行方式。添加一个完整的页面包装器 div 作为用户内容的主体。然后，在 wrapper 上方插入一个 40px 高的元素会将其普遍向下推。
关于html - 普遍压低 body 和背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8051409/