Chrome中的身体背景无视身体的位置

时间:2012-12-14 15:54:12

标签: html css google-chrome

当您使用position: relative; top: 100px;作为示例移动Chrome中的特定页面上的body元素(测试v23)时,背景仍然应用于整个视口。

这是Chrome错误还是任何人都可以解释行为/提供灵活的解决方案?

1 个答案:

答案 0 :(得分:1)

这实际上是所有浏览器的预期行为:当body元素确实偏离顶部100个像素时,背景本身将无缝传播到视口,如{{3的第一部分所述}}。这可能是HTML表现属性时代的延续,在body上设置背景属性允许将背景传播到视口,给出了将背景应用于整个页面的外观。

如果您想将背景仅限制为body元素,只需为html提供transparent以外的背景颜色,或者为其指定背景图像。然后,视口将使用html的背景。