Chrome中的身体背景忽略身体的位置

Question

当您使用​​作为示例将Chrome中的特定页面上的body元素（测试v23）作为示例时，背景仍然应用于整个视口。

这是一个铬错误或任何人都可以解释行为/提供灵活的解决方案？

Answer 1

这实际上是所有浏览器的预期行为：尽管body元素确实从顶部偏移了100像素，但背景本身正在无缝传播到视口，如this answer的第一部分所述。这可能是HTML呈现属性时代的延续，其中设置背景属性body允许将背景传播到视口，从而给出整个页面应用背景的外观。

如果你想限制后台只有body元素，简单地给html背景颜色是以外的任何其他transparent，或给它一个背景图像。该视口将使用html的背景替代。